Jump to content

Aide:Erreurs de lint/Balise HTML obsolète

From mediawiki.org
This page is a translated version of the page Help:Lint errors/obsolete-tag and the translation is 96% complete.
Outdated translations are marked like this.

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.

Eléments obsolètes
Balise obsolète Remplacement Exemple Exemple d'affichage

‎<center>

<div style="text-align: center;">

Pour l'utilisation avec les modèles de la Wikipedia anglophone, voir HTML5 Templates.
Pour l'utilisation avec les balises de l'analyseur, voir HTML 5 Parser tags.
Pour l'utilisation avec les tabeaux et leur cellules, voir HTML 5 Tables.

<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) :
  • Pour centrer une balise hr :
<hr style="margin: auto;" />
  • Pour centrer un tableau sur la page :
{| style="margin: auto;"
<table style="margin: auto;">
  • Pour centrer le contenu d'une cellule de table :
|style="text-align: center;" | Content

ou :

<td style="text-align:center">
  • Pour centrer le texte dans Template:Tmbox ou Template:Editnotice :
|textstyle = text-align: center;
  • Pour centrer le graphe de Template:Tree :
{{tree chart/start|align=center}}
  • Pour centrer une balise ou un modèle Gallery (ne fonctionne pas toujours; par exemple avec perrow="5", la galerie sera alignée à gauche). Le contournement est d'utiliser le balisage wikitable à la place :
<gallery class="center">...</gallery>

ou :

{{Gallery|style=margin:auto
  • Pour centrer le contenu d'un Template:Userbox, si le contenu est dans |info =
 | info-op = text-align: center
  • Pour centrer un Template:Location map :
{{location map|float=center}}
  • Si tout le reste échoue, vous pouvez remplacer les balises center par une table enveloppant l'ensemble du bloc (ne pas utiliser class="wikitable") :
{| style="margin: auto;"
|
(existing content)
|}

<font color="x" size="y" face="z">

<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

‎<strike>

‎<del> (pour marquer une modification) <del>Yes</del> No Yes No
‎<s> (pour autre chose) Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each Photon Torpedoes $44.99 now just $24.99! each

‎<tt>

‎<code> (préféré pour le code source) utiliser <code>&nbsp;</code> pour l'espace non sécable utiliser &nbsp; 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;">
Note Note : "monospace, monospace" est une solution de contournement d'un bogue de certains navigateurs; voir The monospace bug pour les détails.

<span style="font-family: monospace, monospace;">Typed text</span> Typed text

=== Alignement horizontal d'une cellule de tableau === align=XX vaut "left", "center" ou "right" (quelques fois sans les guillemets)
Note Note : depuis novembre 2020, Linter ne détecte plus ce HTML obsolète.

style="text-align: X;" style="text-align: right;" | right-justified text right-justified text

=== Alignement vertical d'une cellule de tableau === valign=XX vaut "top", "middle" ou "bottom" (quelques fois sans les guillemets)
Note Note : depuis novembre 2020, Linter ne détecte plus ce HTML obsolète.

style="vertical-align: X;" style="vertical-align: top;" | top aligned text top aligned text

=== Couleur de fond d'une cellule de tableau === bgcolor=X
Note Note : depuis novembre 2020, Linter ne détecte plus ce HTML obsolète.

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 :

Références