HTML `<abbr>`-Tag

Der Browser rendert die Zeichen innerhalb des <abbr>-Tags als Abkürzung oder Akronym. Zur Erklärung der Abkürzung wird das globale title-Attribut verwendet (es wird als Popup-Text angezeigt, wenn Sie den Mauszeiger über die Abkürzung bewegen).

Der Inhalt des <abbr>-Tags kann in einigen Browsern mit einer gestrichelten Unterstreichung markiert werden.

Syntax

Das <abbr>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<abbr>) und dem schließenden (</abbr>) Tag notiert.

Beispiel für das HTML `<abbr>`-Tag:

HTML <abbr>-Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p><abbr title="Universal Resource Locator">URL</abbr> - This is a specific way of designating an individual resource address on the Internet </p>
  </body>
</html>

Try it Yourself »

Ergebnis

URL - Dies ist eine spezifische Methode zur Bezeichnung einer einzelnen Ressourcenadresse im Internet.

Attribute

Das <abbr>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.

Das wichtigste Attribut für dieses Tag ist title. Es zeigt einen Tooltip mit der ausgeschriebenen Abkürzung, wenn der Benutzer mit der Maus darüber fährt.

So stylen Sie ein HTML <abbr>-Tag

Standardmäßig zeigen Browser eine gestrichelte Unterstreichung für das <abbr>-Tag an. Sie können diesen Stil mit CSS anpassen oder entfernen:

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      abbr {
        text-decoration: none;
        border-bottom: 1px dotted #000;
        cursor: help;
      }
    </style>
  </head>
  <body>
    <p><abbr title="HyperText Markup Language">HTML</abbr> is the standard markup language for documents designed to be displayed in a web browser.</p>
  </body>
</html>

Praxis

Welche Funktion hat das <abbr>-Tag in HTML?

Es wird verwendet, um eine Abkürzung oder ein Akronym anzugeben.Es wird verwendet, um einen Hyperlink zu erstellen.Es zeigt einen Tooltip, wenn man über den umschlossenen Text fährt.Es wird verwendet, um einen Abschnitt in einem Dokument zu definieren.

HTML <abbr>-Tag ​

Syntax ​

Beispiel für das HTML <abbr>-Tag: ​

Ergebnis ​