Zum Inhalt springen

HTML <acronym>-Tag

Das <acronym>-Tag wurde verwendet, um ein Akronym oder eine Abkürzung zu definieren. Um die ausgeschriebene Form anzugeben, wird das globale title-Attribut verwendet, das beim Überfahren des Textes mit der Maus als Tooltip angezeigt wird.

Beispiel für <code>{{ '003cacronym003e' }}</code>

DANGER

Das <acronym>-Tag ist ein veraltetes HTML-Tag und wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen das <abbr>-Tag.

Syntax

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

Beispiel für das HTML <acronym>-Tag:

HTML acronym-Tag

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Hover the mouse cursor over acronym HTML</p>
    <acronym title="Hyper Text Markup Language">HTML</acronym>
  </body>
</html>

Im folgenden Beispiel wird das <abbr>-Tag anstelle von <acronym> verwendet. Der Browser rendert die Zeichen innerhalb des <abbr>-Tags als Abkürzung oder Akronym.

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 special form of designating an individual resource address on the Internet </p>
  </body>
</html>

Standardformatierung

Moderne Browser wenden keine Standardformatierung auf die <acronym>- oder <abbr>-Tags an. Jedes visuelle Erscheinungsbild (wie Unterstriche oder Kapitälchen) muss explizit mit CSS definiert werden.

Attribute

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

So formatieren Sie das HTML <acronym>-Tag

Da Browser keine Standardformatierung anwenden, können Sie CSS nutzen, um ein einheitliches Erscheinungsbild zu gewährleisten. Beachten Sie, dass die Formatierung des <acronym>-Tags veraltet ist, da das Tag selbst nicht mehr unterstützt wird. Das folgende Beispiel formatiert das <abbr>-Tag (den modernen Ersatz) mit einem gepunkteten Unterstrich und Kapitälchen:

css
abbr {
  text-decoration: underline dotted;
  font-variant: small-caps;
}

Praxis

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

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.