HTML Tag abbr:
Text als Abkürzung kennzeichnen und beschreiben

von Thomas Salvador.

Beispiel

Beschreibung einer gebräuchlichen Abkürzung:

<p>Hier würde <abbr title="zum Beispiel">z.B.</abbr> etwas verständlicher.</p>
Im Fließtext steht zwar das gesetzte "z.B.", der Tooltip zeigt jedoch den Titel "zum Beispiel", was i.a. auch vorgelesen werden würde.

Anwendung

<abbr> wird verwendet, um eine Abkürzung zu identifizieren und zu erklären. Der Inhalt des Tags ist die Abkürzung selbst. Mit dem title Attribut wird die Erklärung angegeben. Interessant ist diese zum einen natürlich zur Erklärung, zum anderen jedoch und besonders für Sprachausgaben. Diese können diese Angabe nutzen, um Abkürzungen – wie z.B. – in Worten statt in Buchstaben auszusprechen. Dadurch wird der gelesene Text verständlicher.

Attribute

Die HTML Anweisung <abbr> kennt die HTML-Attribute:

AttributBeschreibung
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
idUniversalattribut
langSprache des Elementes
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
styleInline Style
titleBeschreibung des Inhaltes

Browserunterstützung

Der HTML-Befehl <abbr> wird zumindest von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

Der HTML Befehl <abbr> wird mindestens in den Standards HTML und XHTML definiert.

Inhalte

<abbr> kann die Befehle <a>, <acronym>, <applet>, <b>, <basefont>, <bdo>, <big>, <button>, <cite>, <code>, <dfn>, <em>, <font>, <i>, <iframe>, <kbd>, <label>, <object>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <textarea>, <u> und <var> enthalten.

Verwendung

<abbr> kann in den HTML-Befehlen <a>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <center>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <ins>, <kbd>, <label>, <legend>, <li>, <noframes>, <noscript>, <object>, <p>, <pre>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> enthalten sein.

Hinweise

  • Die Erklärung wird i.a. als Tooltip angezeigt, wenn man auf die Abkürzung zeigt. Diese ist nicht besonders hervorgehoben, stört also optisch nicht, lässt sich aber auch kaum finden. Hier kann man mit Hilfe von CSS nachbessern.
  • Jede Erklärung ist bei bedarf wiederholt anzugeben. Insbesondere genügt es nicht, eine Abkürzung nur beim ersten Auftreten zu erklären, um alle Vorkommen zu beschreiben. Es ist notwendig jedes gewünschte Vorkommen separat auszuzeichnen.

Weitere Beispiele und Lösungen

Keine.