Tutorials / Webentwicklung / Webseiten-Überarbeitung / Obsoletes HTML Markup / HTML-Elemente ersetzen

Veraltetes HTML-Markup mit alternativem Markup ersetzen

Veraltete HTML-Elemente ersetzen

HTML-Element <acronym> mit <abbr>-Element ersetzen

Das <acronym>-HTML-Element, um Abkürzungen im Text darzustellen, ist seit HTML5 veraltet, und sollte gegen ein alternatives und neueres HTML-Element ausgetauscht werden.

<p>Die <acronym title="World Wide Web Consortium">W3C</acronym>-Spezifikation ...</p>

Ausgabe
<acronym>-HTML-Element (mit dieser Browser-Version):


Die W3C-Spezifikation ...


Sollte der im Title-Attribut für die Abkürzung definierte Text in der Ausgabe nicht als ToolTipText dargestellt werden, so unterstützt der verwendete Browser das <acronym>-HTML-Element bereits nicht mehr.

Alternatives <abbr>-Element

CSS-Stylesheet:
---------------
abbr {cursor:help}
abbr:hover::after {content:" (" attr(title) ")"; text-shadow:0 0 1em #18c}

HTML-Code:
----------
<p>Die <abbr title="World Wide Web Consortium">W3C</abbr>-Spezifikation ...</p>

Ausgabe
<abbr>-HTML-Element mit CSS-Formatierung (mit dieser Browser-Version):


Die W3C-Spezifikation ...