Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das <abbr> HTML-Element stellt eine Abkürzung oder ein Akronym dar.
Wenn Sie eine Abkürzung oder ein Akronym verwenden, geben Sie eine vollständige Entfaltung des Begriffs im Klartext bei der ersten Verwendung an und verwenden Sie <abbr>, um die Abkürzung zu markieren. Dies informiert den Benutzer darüber, was die Abkürzung oder das Akronym bedeutet.
Das optionale title-Attribut kann eine Entfaltung der Abkürzung oder des Akronyms bereitstellen, wenn keine vollständige Entfaltung vorhanden ist. Dies gibt Nutzeragenten einen Hinweis darauf, wie der Inhalt angekündigt/angezeigt werden soll, während alle Benutzer informiert werden, was die Abkürzung bedeutet. Falls vorhanden, muss title diese vollständige Beschreibung und nichts anderes enthalten.
Dieses Element unterstützt nur die globalen Attribute. Das title-Attribut hat eine spezielle semantische Bedeutung, wenn es mit dem <abbr>-Element verwendet wird; es muss eine vollständige, menschenlesbare Beschreibung oder Entfaltung der Abkürzung enthalten. Dieser Text wird in der Regel von Browsern als Tooltip angezeigt, wenn der Mauszeiger über das Element gehalten wird.
Jedes <abbr>-Element, das Sie verwenden, ist unabhängig von allen anderen; die Bereitstellung eines title für eines bindet nicht automatisch denselben Entfaltungstext an andere mit demselben Inhaltstext.
Es ist sicherlich nicht erforderlich, dass alle Abkürzungen mit <abbr> ausgezeichnet werden. Es gibt jedoch einige Fälle, in denen es hilfreich ist, dies zu tun:
In Sprachen mit grammatikalischem Numerus (d.h. Sprachen, in denen die Anzahl der Elemente die Grammatik eines Satzes beeinflusst), verwenden Sie denselben grammatikalischen Numerus in Ihrem title-Attribut wie innerhalb Ihres <abbr>-Elements. Dies ist besonders wichtig in Sprachen mit mehr als zwei Numeri, wie Arabisch, aber auch in Englisch relevant.
Der Zweck dieses Elements liegt rein im Komfort des Autors und alle Browser zeigen es standardmäßig inline an (display: inline), obwohl sich dessen Standardstil von einem Browser zum anderen unterscheidet:
Einige Browser fügen dem Inhalt des Elements eine gepunktete Unterstreichung hinzu. Andere fügen eine gepunktete Unterstreichung hinzu und konvertieren den Inhalt in Großbuchstaben. Andere stylen es möglicherweise nicht anders als ein <span>-Element. Um diesen Stil zu kontrollieren, verwenden Sie text-decoration und font-variant.
Das erste Mal, dass ein Akronym oder eine Abkürzung in vollem Umfang auf einer Seite ausgeschrieben wird, ist hilfreich, um Menschen beim Verständnis zu unterstützen, insbesondere wenn der Inhalt technisch oder Fachjargon ist.
Fügen Sie nur dann ein title hinzu, wenn es nicht möglich ist, die Abkürzung oder das Akronym im Text zu erweitern. Eine Abweichung zwischen dem angekündigten Wort oder Ausdruck und dem, was auf dem Bildschirm angezeigt wird, insbesondere wenn es sich um technischen Jargon handelt, mit dem der Leser möglicherweise nicht vertraut ist, kann verstörend wirken.
Dies ist besonders hilfreich für Menschen, die mit der inhaltlich diskutierten Terminologie oder den Konzepten nicht vertraut sind, für Menschen, die neu in der Sprache sind, und für Menschen mit kognitiven Beeinträchtigungen.
Um eine Abkürzung ohne Bereitstellung einer Entfaltung oder Beschreibung auszuzeichnen, verwenden Sie <abbr> ohne Attribute, wie in diesem Beispiel.
Sie können CSS verwenden, um einen benutzerdefinierten Stil für Abkürzungen festzulegen, wie in diesem einfachen Beispiel gezeigt.
Durch Hinzufügen eines title-Attributs können Sie eine Entfaltung oder Definition für die Abkürzung oder das Akronym bereitstellen.
Sie können <abbr> in Kombination mit <dfn> verwenden, um eine Abkürzung formeller zu definieren, wie hier gezeigt.
| Flussinhalt, Phraseninhalt, greifbarer Inhalt |
| Phraseninhalt |
| Keine, sowohl das Anfangs- als auch das End-Tag sind obligatorisch. |
| Jedes Element, das Phraseninhalt akzeptiert |
| Keine entsprechende Rolle |
| Beliebig |
| [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
| HTML # the-abbr-element |
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Der Bauplan für ein besseres Internet.
Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.