Hamburger-Menu
Bild zum Thema

Tag <abbr>

html css php mysql javascript
Bild zum Thema

Tag <abbr>

Definition

Status: Aktueller Standard


Das Tag <abbr> steht für abbreviation (Abkürzung).
Das HTML-Element <abbr> wird verwendet, um Abkürzungen oder Akronyme in Webseiten auszuzeichnen. Der <abbr>-Tag hilft Browsern, Suchmaschinen und Screenreadern, eine Abkürzung als solche zu erkennen. In Kombination mit dem title-Attribut kann die vollständige Bedeutung hinterlegt werden.

Syntax

<abbr [attribute]>...</abbr>

Attribute bzw. Unterelemente

Global

Globale Attribute


title

Die ausgeschriebene Variante


Beispiele

= Tag

= Attribut

= Wert

Text
= Kommentar bzw. wichtig!
Beispiel <abbr> - ---

Der Code:
Wir machen eine Seite für das <abbr title="World Wide Web">WWW</abbr>

Ergebnis:
Ergebnis: <abbr>-Demo 1
---

Im "title" steht die Abkürzung WWW ausgeschrieben (mit Maus auf WWW bleiben).

Anmerkungen

Bei einer Anzeige mit Touchscreen (z.B,. Handy, Tablet) macht "title" wenig Sinn da es kein "hover" (Mauszeiger auf Element) gibt und somit der "title"-Text nie angezeigt werden kann.


Für Barrierefreiheit, Suchmaschinen und Screenreader ist es hier immer angebracht das Attribut "title" zu verwenden. Dabei darf hier der Inhalt für "title" nicht frei gewählt werden, es muss zwingend die ausgeschriebene Form der Abkürzung enthalten.