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

Veraltetes HTML-Markup ersatzlos entfernen

Veraltete HTML-Elemente entfernen

HTML-Element <center> entfernen

Das <center>-HTML-Element, um einzelnen Text oder ganze Bereiche in einer Webseite horizontal zu zentrieren, ist seit HTML5 veraltet, und sollte ersatzlos entfernt werden. Als Alternative existiert kein vergleichbares/äquivalentes HTML-Element.

<center>
 <p>Dieser Text im Absatz ist horizontal zentriert.</p>
 <p>Und dieser Text auch noch.</p>
</center>

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


Dieser Text im Absatz ist horizontal zentriert.

Und dieser Text auch noch.


Sollte der Text in der Ausgabe nicht horizontal zentriert dargestellt worden sein, so unterstützt der verwendete Browser das <center>-HTML-Element bereits nicht mehr.

Alternativ CSS verwenden

Mithilfe von CSS sollte der zu formatierende Text oder Bereich über CSS-Klassen oder CSS-ID's formatiert werden.

CSS-Stylesheet:
---------------
.eg_center{text-align:center}

HTML-Code:
----------
<p class=eg_center>Dieser Text sollte horizontal zentriert sein.</p>

Ausgabe
mit CSS-Klasse (mit dieser Browser-Version):


Dieser Text sollte horizontal zentriert sein.


CSS-Stylesheet:
---------------
#eg_center{text-align:center}

HTML-Code:
----------
<div id=eg_center>
 <p>Dieser Text im Absatz soll horizontal zentriert werden.</p>
 <p>Und der 2. Absatz innerhalb <div> ebenfalls.</p>
</div>

Ausgabe
mit CSS-ID (mit dieser Browser-Version):


Dieser Text im Absatz soll horizontal zentriert werden.

Und der 2. Absatz innerhalb <div> ebenfalls.