Znacznik <abbr> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Znacznik <abbr> w HTML

Znacznik <abbr> służy do oznaczania skrótów i akronimów w treści strony internetowej. Jest to znacznik semantyczny, czyli opisuje znaczenie fragmentu tekstu, a nie tylko jego wygląd.

Najczęściej stosuje się go razem z atrybutem title, który zawiera pełne rozwinięcie skrótu. Przeglądarki zwykle pokazują tę treść jako podpowiedź po najechaniu kursorem myszy na skrót.

Przykład użycia

<p>Studiuję na kierunku <abbr title="inżynier">inż.</abbr></p>

Efekt: użytkownik widzi skrót inż., a po najechaniu kursorem może zobaczyć rozwinięcie „inżynier”.

Zastosowanie

Znacznik <abbr> stosuje się między innymi do:

  • skrótów, np. dr, mgr, inż.,
  • akronimów, np. HTML, CSS, SQL,
  • nazw organizacji lub technologii, np. W3C, PHP.

Dlaczego warto używać <abbr>?

  • poprawia semantykę dokumentu HTML,
  • ułatwia zrozumienie skrótów użytkownikom,
  • może wspierać dostępność strony,
  • pozwala przeglądarce wyświetlić podpowiedź z rozwinięciem skrótu.

Ważne na egzaminie

Aby przy znaczniku <abbr> uzyskać podpowiedź z rozwinięciem skrótu, należy użyć atrybutu title, np.:

<abbr title="HyperText Markup Language">HTML</abbr>

Poprawny atrybut to title, a nie alt, name ani dfn.