Naar inhoud springen

Help:Lintfouten - verouderde HTML elementen

Uit Wikibooks

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

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

Tools

[bewerken]

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

[bewerken]
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.