Vous avez peut-être déjà vécu la situation suivante : vous avez une page HTML qui s’affiche relativement bien et vous décider d’ajouter une déclaration de DocType au début du document pour respecter le standard W3C. Soudainement, plusieurs éléments ne s’affichent plus correctement, pourtant rien n’a changé dans la source HTML à part cette petite ligne au début.
Une question de compatibilité
La raison est que lorsqu’aucun doctype n’est présent le navigateur utilise généralement le mode Quirks pour rendre la page, tandis que lorsqu’un doctype est présent le mode de comptabilité standard est utilisé. Dans Firefox, voici comment savoir quel mode de compatibilité est utilisé pour l’affichage :
Right-click dans la page > Page Info : vous ouvrira le pop-up suivant :
Surmonter les guéguerres de navigateurs
L’origine du mode Quirks remonte à l’époque de la guerre des navigateurs où Internet Explorer et Netscape avaient chacun leur standard. Le mode Quirks permet donc aux navigateurs récents de supporter du HTML/CSS qui ne répond pas aux standards en essayant de faire un affichage décent. De nos jours, une déclaration de DocType devrait toujours être incluse et les pages devraient toujours être intégrées en fonction du mode de compatibilité standard. De cette façon il y a beaucoup plus de chance que l’affichage soit constant d’un navigateur à l’autre (dans les navigateurs récents), même si c’est loin d’être une garantie d’une compatibilité complète.
Voici quelques exemples courants d’éléments interprétés différemment en quirks mode :
- Les largeurs et padding du box model
- Certaines balises ont le droit ou pas d’être inclues dans d’autres balises (Ex : des LI sans UL)
- Les espaces blancs ou retour de ligne entre les balises peuvent avoir un impact sur l’affichage
Vous pensez avoir tout compris et ce n’est pas si compliqué que ça finalement? Sachez qu’il existe aussi un Almost standard mode (http://www.quirksmode.org/css/quirksmode.html). Vous y trouverez plus de détails l’histoire du mode quirks ainsi que les différences entre les interprétations des modes quirks et standard et almost standard. Également, l’arrivée du HTML 5 va remettre le concept de doctype en question.
Pour plus d’information, la référence ultime sur le sujet est le site http://www.quirksmode.org/
Articles connexes
La liste des différences entre le mode standard et quirks dans Firefox
https://developer.mozilla.org/En/Mozilla_Quirks_Mode_Behavior
La liste des doctypes qui font que Firefox va rendre la page en Strict, Almost-Strict, Quirks
https://developer.mozilla.org/en/Mozilla’s_DOCTYPE_sniffing
Les “Améliorations” (hors standards) d’Internet Explorer 6 qui ont fait suer la plupart des intégrateurs
http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx
Related posts:
Tags: Ergonomie, programmation