Der title globales Attribut beinhaltet einen Text mit Informationen über das Element zu welchem es gehört. Diese Informationen werden dem Benutzer üblicherweise (aber nicht nur) als Tooltip angezeigt. Hier sind einige typische Beispiele für dieses Attribut:
- Link: Der Titel oder die Beschreibung des verlinkten Dokuments
- Media Elemente, (z.B.: ein Bild): eine Beschreibung oder Quellenangabe
- Paragraph: eine Fusszeile oder ein Kommentar über den Paragraphen
- Zitate: Informationen über den Autor, usw.
Wenn dieses Attribut weggelassen wird, ist das title
Attribut des nächsten Vorgängers des Elements gültig (und kann somit als Tooltip für das Element verwendet werden). Wenn das Attribut als leerer String gesetzt wird, wird das title
Attribut des Vorgängers explizit außer Kraft gesetzt (und sollte nicht als Tooltip für das Element verwendet werden).
Zusätzliche Semantics sind für die title
Attribute der <link>
, <abbr>
, <input>
und <menuitem>
Elemente definiert.
Das title
Attribut darf Mehrzeilig sein. Jede eingefügte U+000A LINE FEED
(LF
) repräsentiert eine solche newline. Aber Achtung! Dies bedeutet, dass:
<p>Newlines in title should be taken into account,like this <abbr title="This is a
multiline title">example</abbr>.</p>
einen zweizeiligen Titel definiert.
Bedenken bezüglich des barrierefreien Internet
Die Nutzung des title
Attributs ist sehr problematisch für:
- Menschen, die nur Berührungsgeräte benutzen
- Menschen, die das Internet nur mit dem Keyboard navigieren
- Menschen, die mit unterstützenden Technologien wie einem Bildschirmleser auf das Internet zugreifen
- Menschen mit Beeinträchtigungen in der Feinmotorik
- Menschen mit kognitiven Bedenken
Dies kann besonders auf inkonsistenten Browser Support zurückgeführt werden. Dies ist des Weiteren ein Problem, da unterstützende Technologien zu mehr Komplexität beim Browser-Rendering der Seite führen. Falls ein Tooltip Effekt gewollt sein sollte, ist es besser eine der folgenden Browsermethoden zu benutzen.
- 3.2.5.1. The title attribute | W3C HTML 5.2: 3. Semantics, structure, and APIs of HTML documents
- Using the HTML title attribute – updated | The Paciello Group
- Tooltips & Toggletips - Inclusive Components
Spezifikationen
Specification | Status | Comment |
---|---|---|
HTML Living Standard Die Definition von 'title' in dieser Spezifikation. |
Lebender Standard | No change from latest snapshot, HTML 5.1 |
HTML 5.1 Die Definition von 'title' in dieser Spezifikation. |
Empfehlung | Snapshot of HTML Living Standard, no change from HTML5 |
HTML5 Die Definition von 'title' in dieser Spezifikation. |
Empfehlung | Snapshot of HTML Living Standard. From HTML 4.01 Specification, it is now a true global attribute. |
HTML 4.01 Specification Die Definition von 'title' in dieser Spezifikation. |
Empfehlung | Supported on all elements but <base> , <basefont> , <head> , <html> , <meta> , <param> , <script> , and <title> . |
Browser Kompatibilität
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |
Multi-line support | (Ja) | 12 (12) | (Ja) | ? | ? |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |
Multi-line support | ? | ? | 12.0 (12) | ? | ? | ? |
Siehe auch
- Alle globalen Attribute.
HTMLElement.title
welches dieses Attribut reflektiert