Help:Lintfouten - verouderde HTML elementen
Uiterlijk
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:
|
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> |
|
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 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:
|
Tekst |
strike Doorgehaalde tekst
|
<strike>Tekst</strike> | <s>Tekst</s>, <del>Tekst</del> of <span style="text-decoration: line-through;">Tekst</span> |
Tekst |
tt Monospace font
|
<tt>Tekst</tt> | <code>Tekst</code> | Tekst
|
<kbd>Tekst</kbd> | Tekst | ||
<samp>Tekst</samp> | Tekst | ||
<var>Tekst</var> | Tekst |
- 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 alscode
,kbd
,samp
envar
kan per browser variëren! - De tags
dir
enmenu
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]- Mediawiki - Help:Lint errors/obsolete-tag (en)
- Actueel overzicht van fouten in nl.wikibooks