Aide:Erreurs de lint/Balise HTML obsolète
L'erreur de balise obsolète survient lorsque des éléments HTML désuets sont utilisés.[1]
Puisque actuellement il nous faut encore préciser jusqu'où nous voulons pousser la compatibilité avec HTML5, cette catégorie est marquée avec une priorité basse. Certains wikis pourraient choisir de ne pas l'aborder immédiatement. D'autres wikis pourraient vouloir avancer et être compatibles HTML5. Il est possible que certains wikis écrivent des robots pour traiter cela. Alors, s'il vous plaît, utilisez votre jugement et les politiques spécifiques du wiki pour vous guider dans l'effort que vous voulez dépenser pour cela. Si, à l'avenir, il y a une plus grande clarté sur la poursuite de cette action plus agressive, nous la refléterons en mettant à jour la gravité de ce problème linter de manière appropriée.
Éléments obsolètes
Actuellement, les éléments obsolètes ainsi que leur alternative sont décrits dans le tableau suivant.
Balise obsolète | Remplacement | Exemple | Exemple d'affichage |
---|---|---|---|
|
<div style="text-align: center;"> Pour l'utilisation avec les modèles de la Wikipedia anglophone, voir HTML5 Templates. |
<div style="text-align: center;">Centered</div> |
Centered
|
La méthode des balises div ci-dessus ne centre pas toujours son contenu, et quelques fois elle applique un centrage non souhaité au texte du contenu. Cette ligne liste les centrages spécifiques aux balises et aux modèles (certains de ces modèles n'existent pas sur certains sites MediaWiki; les exemples sont pour la Wikipédia anglaise) :
<hr style="margin: auto;" />
{| style="margin: auto;"
<table style="margin: auto;">
|style="text-align: center;" | Content
ou : <td style="text-align:center">
|textstyle = text-align: center;
{{tree chart/start|align=center}}
<gallery class="center">...</gallery>
ou : {{Gallery|style=margin:auto
| info-op = text-align: center
{{location map|float=center}}
{| style="margin: auto;"
|
(existing content)
|}
|
|||
|
<span style="color: x; font-size: y; font-family: z;">
|
<span style="color: red;">Red Alert!</span> |
Red Alert! |
<span style="font-family: Times New Roman;">This is Times New Roman</span> |
This is Times New Roman | ||
|
<del> (pour marquer une modification) |
<del>Yes</del> No |
|
<s> (pour autre chose) |
Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each |
Photon Torpedoes | |
|
<code> (préféré pour le code source)
|
utiliser <code> </code> pour l'espace non sécable |
utiliser pour l'espace non sécable
|
<kbd> (préféré pour les entrées utilisateur) |
<kbd>mypasswd</kbd> |
mypasswd | |
<var> (préféré pour les variables) |
<var>age</var>=65 |
age=65 | |
<samp> (préféré pour les sorties de l'ordinateur) |
<samp>Invalid password. Please try again.</samp> |
Invalid password. Please try again. | |
Utilisez le modèle {{mono}} pour tous les autres textes à chasse fixe de la Wikipédia anglophone et pour de nombreuses autres langues. Si le modèle n'est pas disponible, utiliser :
|
<span style="font-family: monospace, monospace;">Typed text</span>
|
Typed text | |
=== Alignement horizontal d'une cellule de tableau ===
|
style="text-align: X;"
|
style="text-align: right;" | right-justified text |
right-justified text |
=== Alignement vertical d'une cellule de tableau ===
|
style="vertical-align: X;"
|
style="vertical-align: top;" | top aligned text |
top aligned text |
=== Couleur de fond d'une cellule de tableau ===
|
style="background-color: X;"
|
style="background-color: pink" | pink background |
pink background |
Tailles des fontes
- "font size=0" n'est pas du HTML correct, et équivaut à "font size=1".
- "font size=2.5" ou une autre valeur décimale entre 1 et 7 génère une taille de police intermédiaire, qui peut être obtenue avec une marque en pourcents ou avec
em
. - Les valeurs supérieures à sept sont équivalentes à sept. Les tailles avec des pourcentages ou des em sont des correspondances approximatives et peuvent dépendre en partie du navigateur ou d'autres facteurs.
- Les tailles des fontes préfixées par un signe plus ou un tiret, par exemple
<font size=+2>
ou<font size=-1>
, sont équivalents à 3 plus ou moins ce nombre.
<font size=...> |
<span style="font-size: ...;">
|
<span style="font-size: ...;"> when base font size is 14px |
---|---|---|
font-size:xx-small font-size:9px |
font-size: 64% font-size: 0.64em | |
font size=0, font size=1 |
font-size:x-small font-size:10px |
font-size: 71% font-size: 0.71em |
font size=2 | font-size:small font-size:13px |
font-size: 93% font-size: 0.93em |
font size=3 | font-size:medium font-size:16px |
font-size: 114% font-size: 1.14em |
font size=4 | font-size:large font-size:18px |
font-size: 129% font-size: 1.29em |
font size=5 | font-size:x-large font-size:24px |
font-size: 171% font-size: 1.71em |
font size=6 | font-size:xx-large font-size:36px |
font-size: 229% font-size: 2.29em |
font size=7, font size>=7 |
font-size:xxx-large font-size:48px |
font-size: 343% font-size: 3.43em |
Multi-big
<big>...</big> |
<span style="font-size:...">...</span>
|
---|---|
1 big | font-size:120% |
2 big | font-size:150% |
3 big | font-size:175% |
4 big | font-size:200% |
5 big | font-size:250% |
6 big | font-size:300% |
Principes
MediaWiki met actuellement ces éléments en liste blanche, et ils seront générés de la même manière que les entrées.
Cela signifie que lorsque les fournisseurs de navigateurs décideront de les supprimer, ils s'afficheront simplement comme un texte ordinaire non décoré.
Les exemples de certaines balises html populaires qui ont eu des effets visuels et qui ont été supprimées des principaux navigateurs, comprennent <blink>
[2] et <basefont>
[3].
Un autre problème est que les différents fournisseurs de navigateurs peuvent les supprimer indépendamment se sorte que les éditeurs ou les lecteurs ont des vues incohérentes de la même page, ce qui conduit à la confusion.
Il est probable que les fournisseurs de navigateurs nous enverront un avis important avant de faire des modifications qui cassent l'existant, en fonction de la fréquence de l'utilisation de ces éléments obsolètes sur Internet.
Indications utiles
<font color="x">
accepte les couleurs numériques de police sans le préfixe croisillon standard. Cependant, avec <span style="color: x;">
, ce croisillon avant les couleurs numériques de police est obligatoire :
Balisage | Affichage |
---|---|
<font color="#FF0000">Red</font> |
Red |
<font color="FF0000">Red</font> |
Red |
<span style="color: #FF0000;">Red</span> |
Red |
<span style="color: FF0000;">Red</span> |
Red |
<font color="x">
accepte certains noms de couleur non standard comme burntorange et vermillion, qui ne sont pas dans la liste des 16 couleurs HTML ou la liste des 124 couleurs X11. Le balisage de remplacement <span style="color: ...">
ne reconnait que le nom des couleurs de ces listes.
<font color="x">
accepte des codes hexadécimaux à 4 ou 5 chiffres, qui demandent à recevoir respectivement les préfixes 00 ou 0 pour le balisage <span style="color: ...">
.
Les codes hexadécimaux de plus de 6 chiffres doivent être tronqués aux 6 premiers chiffres.
balise font | affichage de font | balise span | affichage de span |
---|---|---|---|
<font color="#FF88">Hello</font> |
Hello | <span style="color: #FF8800;">Hello</span> |
Hello |
<font color="#D0208">Hello</font> |
Hello | <span style="color: #D02080;">Hello</span> |
Hello |
<font color="#D020808">Hello</font> |
Hello | <span style="color: #D02080;">Hello</span> |
Hello |
<font color="#D020808F">Hello</font> |
Hello | <span style="color: #D02080;">Hello</span> |
Hello |
<font color="#D020808F0">Hello</font> |
Hello | <span style="color: #D02080;">Hello</span> |
Hello |
Outils
Les outils suivants peuvent aider à corriger les problèmes dûs aux balises obsolètes :
- WPCleaner : se reporter aux instructions sur l'utilisation de WPCleaner pour corriger les erreurs détectées par Linter. Les balises obsolètes peuvent être signalées par WPCleaner par l'erreur #541 du Contrôle syntaxique .