Les balises et propriétés HTML dépréciées et obsolètes
Le 28-02-2005 par Raphael dans Tutoriels et articles divers.
Les balises dépréciées sont l'ensemble des balises qu'il est déconseillé d'utiliser car elles pourraient devenir obsolètes et ne plus fonctionner sur les futurs navigateurs
Quelques exemples
Les balises dépréciées les plus connues sont : FONT, BASEFONT, CENTER, S, U, B, I,...
Les propriétés dépréciées les plus connues sont : ALIGN, WIDTH (associé à certaines balises), HEIGHT (associé à certaines balises), SIZE, COLOR, BORDER, BACKGROUND, BGCOLOR, BORDER, FACE, NAME, TARGET,...
En clair
Ces balises et propriétés HTML ne sont plus prises en charge dans les Normes actuelles du langage HTML telles qu'elles sont définies par le W3C (World Wide Web Consortium). Elles ne sont plus mises à jour et ne sont plus "sous garantie".
Cela signifie que bien qu'elles fonctionnent encore correctement sur les navigateurs anciens et actuels, rien n'assure leur bon fonctionnement dans les années à venir et elles risquent de ne plus être compatibles selon l'évolution des prochains navigateurs.
Il est donc recommandé de ne pas utiliser de balises dépréciées
pour la création de sites web.A noter que la grande majorité
des attibuts/balises dépréciés concernent uniquement
l'aspect visuel du
document, pas l'aspect sémantique.
NOTE : parallèlement à ces balises et propriétés dépréciées, il existe un certain nombre de balises propriétaires qu'il vaut mieux éviter également pour des raisons évidentes de compatibilité (MARQUEE, SCROLLBAR, FILTER, LAYER,...)
Comment faire ?
- Si je ne peux plus utiliser les propriétés WIDTH, HEIGHT, COLOR, SIZE,... il ne me reste plus rien pour mettre en forme mon site web ? Ouin :(
Il faut tout d'abord s'interroger sur la raison de la dépréciation de ces propriétés (car il y'en a une !)
L'objectif annoncé des Standards est de faire une séparation stricte entre
le contenu et la mise en forme du site web.
En clair : la page HTML ne
doit contenir que les textes et autres contenus de façon brute. Séparément,
la feuille de style CSS doit
contenir toute la mise en forme visuelle de ce contenu (couleurs,
tailles, positionnements,...)
Cette séparation Contenu/Forme est instaurée pour faciliter la lecture du code, la mise à jour du site, sa rapidité d'affichage, sa compatibilité et son accessibilité.
En pratique, toute page web sera composée d'une page HTML et d'une feuille de style associée.
De ce fait, toutes les balises et propriétés dépréciées dans le HTML sont autorisées (et conseillées) dans les feuilles de style. Ces dernières permettant en outre des fonctionnalités impossibles à réaliser en HTML pur (configuration des liens hypertextes par exemple)
Concrètement.
AVANT :
<p><font face="arial" size="10" color="green"><b>TOTO</b></font></p>
MAINTENANT (définition de la balise <p>):
<p>TOTO</p>
Et le CSS séparé :
p {
font: arial 10px green;
font-weight: bold;
}
