HTML/Attribute/title

Der Begriff title ist mehrdeutig.
Dieser Artikel behandelt das HTML-Universalattribut. Für das gleichnamige HTML-Element siehe title.

Das title-Universalattribut betitelt oder beschreibt ein Element. Browser blenden den Text ein, wenn der Anwender das Element hovert (mit der Maus draufzeigt, beispielsweise). Typisch ist das Kommentieren von Links, das Liefern von Zusatzinformationen zu Bildern oder die Erklärung von Abkürzungen. Das Betiteln sollte auf übergeordneten Elementen nur sparsam ausgeführt werden.

erlaubte Werte	eine Zeichenkette
default-Wert
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<span title="Feuerzangenbowle">

Wenn Sie das Element hovern, erscheint ein Tooltipp mit dem Inhalt des title-Attributs.

Beachten Sie: Das title-Attribut ist nicht geeignet, um wichtige Informationen aufzunehmen.
Auf mobilen Geräten mit Touch-Bildschirm bleibt das title-Attribut unwirksam, da es dort ja kein Hovern mit der Maus gibt. Verzichten Sie folglich auf das title-Attribut!

Empfehlung: Browser stellen den Inhalt des title-Attributs verschieden dar. Firefox etwa schreibt eine einzige Zeile. MSIE hingegen zeigt, wenn nötig, ein mehrzeiliges Feld. Vermeiden Sie deshalb zu langen Text und Umbrüche.

Siehe auch

• HTML/Elemente/title.
• Für das gleichnamige SVG-Element siehe SVG/Elemente/title.
• CSS/Tutorials/Tooltips mit CSS

Weblinks

W3C: the-title-attribute