Help:Lintfouten - verouderde HTML elementen

Met de introductie van HTML 5 is een aantal veel gebruikte tags vervallen, tw. big, center, dir, font, menu, small, strike, tt en xmp. Op dit moment (november 2021) is dat voor de meeste bekende browsers nog geen probleem, maar dat kan in de nabije toekomst veranderen. Om deze reden is het aan te raden om de verouderde tags niet meer te gebruiken in nieuwe pagina's, en zoveel als mogelijk te vervangen in bestaande.

Verouderde elementen

Verouderde tag:	Oude syntax:	Vervangen door:	Resultaat:
big Grotere letters	<big>Tekst</big>	<span style="font-size: large;">Tekst</span> Andere opties: larger, xx-large, xxx-large medium een percentage (bv. 150%) een getal van 1 t/m 7	Tekst
center Gecentreerde tekst	<center>Tekst</center>	<div style="text-align: center;">Tekst</div> Andere opties: left, right.	Tekst
dir Lijst van bv. bestandsnamen	<dir> <li>aap</li> <li>noot</li> <li>mies</li> </dir>	<ul> <li>aap</li> <li>noot</li> <li>mies</li> </ul>	aap noot mies
font Andere lettergrootte of -kleur	<font color="red">Tekst</font>	<span style="color: red;">Tekst</span> of <span style="color: #ff0000;">Tekst</span>	Tekst
menu
menu Creëert een menustructuur	Geen voorbeeld beschikbaar	Geen alternatief beschikbaar in HTML 5
small Kleinere letters	<small>Tekst</small>	<span style="font-size: small;">Tekst</span> Andere opties: smaller, xx-small, xxx-small medium een percentage (bv. 85%)	Tekst
strike Doorgehaalde tekst	<strike>Tekst</strike>	<s>Tekst</s>, <del>Tekst</del> of <span style="text-decoration: line-through;">Tekst</span>	Tekst Tekst Tekst
tt Monospace font	<tt>Tekst</tt>	<code>Tekst</code>	Tekst
		<kbd>Tekst</kbd>	Tekst
		<samp>Tekst</samp>	Tekst
		<var>Tekst</var>	Tekst
xmp

• De inhoud van style-attributen mag gecombineerd worden, bv. <span style="font-size: small; color: red; background-color: yellow;"> geeft kleine rode tekst op een gele achtergrond.
• Het resultaat van CSS-code als font-size en HTML-tags als code, kbd, samp en var kan per browser variëren!
• De tags dir en menu functioneren nu al niet meer.

Wijzigingen in de syntax

• De schrijfwijze van het <br>-element is veranderd van <br /> in <br>.
• <br clear="all"> wordt nu geschreven als <br style="clear: both;">

Tools

Signaleren van verouderde tags wordt vergemakkelijkt door de volgende code toe te voegen aan Gebruiker:[Je_gebruikersnaam]/common.css :

/* 
Markeert obsolete HTML-tags. 
Zie https://nl.wikibooks.org/wiki/Speciaal:LintErrors/obsolete-tag
Bron: https://meta.wikimedia.org/wiki/User:SMcCandlish/lint.css
*/

big, center, dir, font, menu, small, strike, tt, xmp {
 color: red!important;
 background-color: yellow!important;
}

Een verouderd element ziet er dan zo uit: Tekst

Meer informatie

• Mediawiki - Help:Lint errors/obsolete-tag ^(en)
• Actueel overzicht van fouten in nl.wikibooks