HTML/Elemente/abbr
Aus SELFHTML-Wiki
Das abbr-Element zeichnet einen Teil eines Fließtextes als Abkürzung, eng. abbreviation aus. Wenn die ausgeschriebene Langform im title-Attribut enthalten ist, wird sie bei :hover als Tooltip angezeigt.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- Elementen mit flow content
- allen Elementen mit phrasing content
- erlaubte Inhalte
-
- Text
- beliebig viel phrasing content
Beispiel
<p>Dieser Absatz enthält eine <abbr title="Abkürzung">Abk.</abbr> gefolgt von weiterem Text.</p>
<p>
Dieser deutschsprachige Absatz enthält eine englischsprachige Abkürzung.<br>
<abbr title="Intergovernmental Panel for Climate Change">IPCC</abbr>
</p>
Im Beispiel ist ein Textabsatz notiert und innerhalb davon eine Abkürzung. Die Langform der Abkürzung wird im title-Attribut notiert.
Im zweiten Absatz erhält die englischsprachige Abkürzung ein passendes lang-Attribut.
Beachten Sie: Adrain Roselli[1] und Heydon Pickering [2] empfehlen auf das abbr-Element zu verzichten!
Verwenden Sie abbr weder mit noch ohne Titel. Die Darstellung ist in den verschiedenen Browsern und unterstützenden Technologien nach wie vor uneinheitlich. Ein Teil der Benutzer wird immer einen Teil der Information vermissen.
Erklären Sie Abkürzungen, Akronyme, Initialismen usw. bei der ersten Verwendung und greifen Sie dann ruhig auf die verkürzte Form im Fließtext zurück.
Verwenden Sie abbr weder mit noch ohne Titel. Die Darstellung ist in den verschiedenen Browsern und unterstützenden Technologien nach wie vor uneinheitlich. Ein Teil der Benutzer wird immer einen Teil der Information vermissen.
Erklären Sie Abkürzungen, Akronyme, Initialismen usw. bei der ersten Verwendung und greifen Sie dann ruhig auf die verkürzte Form im Fließtext zurück.
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Universalattribute | |||
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
| accesskey | ID | Tastaturkürzel | |
| contenteditable | CDATA | editierbarer Inhalt | |
| contextmenu | definiert Kontextmenü | ||
| dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
| draggable | ID | kann mit Drag & Drop gezogen werden | |
| dropzone | CDATA | Aktion bei Ablegen | |
| hidden | versteckter Inhalt | ||
| lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| spellcheck | ID | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
| style | CDATA | notiert direkt in einem Element- style sheet data | |
| tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
| title | CDATA | betitelt oder beschreibt ein Element. | |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The abbr-Element
- ↑ Using abbr Element with title Attribute
- ↑ The abbr element (heydonworks.com) 7th August 2024
So much of my time as a web developer has been spent hiding things away from users so they can later reveal them and so much of that time I should have just left things as they were. If you are looking for User Experience advice from me, it is this: stop hiding things behind tabs and in popups or inside attributes. Stop making users go looking for things!
