Les vrais standards CSS – Partie I : la guerre des normes

Introduction : De l’utilité du Doctype.

Choisir un bon doctype influera énormément sur votre perte de cheveux en venir, lorsque vous essaierez d’aligner une image de fond à droite sur IE5/Win alors qu’elle part de 2 pixels à gauche sur Firefox et qu’elle n’apparaît qu’à moitié dans IE/MAC…
Il y a tout un tas d’articles sur le Web traitant de la définition du doctype et de leur écriture.
Le meilleur (compromis) actuellement semble être :

DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »

Il permet assez de souplesse tout en obligeant une certaine rigueur dans la structure et il me semble que c’est celui qui donne le résultat le moins hétéroclite d’un navigateur à l’autre.

» De l’utilité du doctype
» Les différents doctypes

La problématique : les standards ne sont pas standardisés.
Sous ce titre barbare se cache une réalité : IE5, IE6 et IE7 windows (bravo), IE5 MAC, Firefox, Opera ne réagisse pas de la même façon lorsque l’on pousse dans leur derniers retranchements le XHTML et/ou CSS. Suis-je obligé d’évoquer Safari ?…

La réalité : aller plus vite que la musique.
Si ses promesses sont grandes et son côté marketing indéniable -encore que…, la standardisation et la foule de normes qu’on nous a pondue depuis 2000 ne suivent pas du tout l’évolution des navigateurs..
Pour preuve le navigateur du géant Microsoft qui ne faisait plus vraiment évoluer son bébé…
En fait de standard, on arrive maintenant à des normes basés sur des standards XML. Au lieu de règles communes, chacun s’oriente vers SA norme (XUL, FLEX, HTML5…)

Remettre les pieds sur Terre…
« Tout le monde verra la même chose », « les déficients visuels et moteurs auront accès au contenu »…
Que tout le monde voit la même chose cela ne fait aucun doute, comme dit plus haut, nous en somme tout à fait conscient…
Maintenant, qu’on nous fasse croire qu’un aveugle pourra entendre le contenu si celui si n’a pas été orienté sur son navigateur spécifique, on qu’un handicapé moteur sévère puisse accéder à un formulaire parce qu’on a mis des tabulations pour se balader sur les champs, j’ai de gros doutes.

Une démarche industrielle.
Dans un but de productivité, il est essentiel de s’éloigner de ses guerres économiques, où les geeks et marketing se déchirent
Dans la majorité des cas
- Une structure XHTML transitionnelle : réduction du poids et concision du code indéniable par rapport à du HTML.
- Préférer une modification de structure plutôt que de s’acharner sur les CSS en mettant des Hacks.
- Valider la structure et éventuellement le css.