Nov 2009

HTML abbr • Tooltips: Abkürzung erklären

abbr kennzeichnet einen Text als Abkürzung eines längeren Wortes oder Ausdrucks. Der Text wird erst mit einer kleinen Verzögerung beim Hovern mit der Maus sichtbar.

Einige Browser markieren den Text innerhalb des abbr-Tags durch einen Unterstrich, aber eine zuverlässige Kennzeichnung gibt es nur durch eine CSS-Eigenschaft für abbr.

HTML abbr ist ein Inlineelement, d.h., es führt nicht zu einem Zeilenvorschub.

<abbr title="World Wide Web Consortium">W3C</abbr> ist eine Abkürzung.

<acronym title="Multipurpose Internet Mail Extensions">MIME</acronym> 
  bedeutet Multipurpose Internet Mail Extension        

W3C ist eine Abkürzung.

MIME bedeutet Multipurpose Internet Mail Extension

Beim Hovern mit der Maus soll der Browser einen Tooltip zeigen – d.h., hier besteht nur ein eingeschränkter Zugriff, denn Benutzern ohne Maus oder mit Sprachausgabe wird die Bedeutung nicht angezeigt.

Einige Browser kennzeichnen einen von abbr eingeschlossenen Begriff durch eine Unterstreichung. Firefox gibt dem Inhalt eines <abbr>- bzw. <acronym>-Tags seit Version 2 einen eigenen Stil mit einer feinen gepunkteten Linie, so dass Tooltips im Text leicht hervorgehoben werden.

Safari kennzeichnet abbr- und acronym-Tag nicht, so dass sie ohne weitere CSS-Eigenschaften nicht zu erkennen sind. Das ist keinesfalls ein Manko, sondern ein Schritt nach vorn, denn mit HTML5 soll HTML für die Struktur, nicht aber mehr für die Darstellung verantwortlich sein.

Das HTML-Tag abbr ist in Internet Explorer 6 nicht implementiert und Tooltips auf abbr- und acronym-Elementen werden erst ab IE 7 angezeigt. Eine zuverlässige Kennzeichnung gibt es nur durch eine CSS-Eigenschaft für das abbr-Tag.

Zudem gibt es keinen erkennbaren Unterschied zwischen abbr und acronym. HTML5 hat darum bereits das acronym-Tag fallen lassen.

HTML-Tag acronym • Gleichwertige Bezeichnung anzeigen

Das <acronym>-Tag bezeichnet einen eingeschlossenen Text als Acronym – eine spezielle Abkürzung, die den ersten Buchstaben jedes Wortes eines Satzes oder eines Ausdrucks benutzt. Einige Browser kennzeichnen einen von acronym eingeschlossenen Begriff durch eine Unterstreichung, aber eine zuverlässige Kennzeichnung gibt es nur durch eine CSS-Eigenschaft für abbr.

Das <acronym> und <abbr> sind Inlineelemente, d.h., sie führen nicht zu einem Zeilenvorschub.

abbr / acronym: Attribute und Events

Nur Kernattribute

AttributeEvents
class, dir, id, lang, style, title