Ce sont deux modes de rendu proposés par les navigateurs récents (Internet Explorer 6, Opera 7 et Mozilla?) afin d'offrir à la fois une bonne compatibilité avec les anciennes pages écrites avec une "soupe" HTML pas toujours très juste et avec les pages récentes conformes aux versions strictes du HTML et du XHTML.

* Le mode dit "quirk" est celui qui est employé pour interpréter les anciennes pages. Il tolère beaucoup mieux les erreurs de syntaxe, et construit la mise en page selon l'usage, c'est à dire en essayant de s'approcher de ce que font des navigateurs plus anciens comme Internet Explorer 5.x ou Netscape 4. En pratique les navigateurs essayent de converger vers le rendu du navigateur dominant, Internet Explorer. Mais comme il est impossible de l'imiter parfaitement, il existera toujours des pages qui seront affichées différemment d'un navigateur à un autre.

* Le mode standard est lui beaucoup plus rigoureux car il suit les recommandations du W3C pour construire la page. Son fonctionnement plus rationnel, permet en toute circonstance de comprendre pourquoi une page est affichée de telle manière. Il permet de lever l'incertitude qui demeure dans le mode "quirk". Malgré tout, les navigateurs ne sont pas exempts de bugs, et il peut subsister des différences de rendus entre les navigateurs. Mais ces différences se produisent soit dans des situations bien identifiées et contournables, soit dans les cas d'une utilisation extrêmes de certaines propriétés CSS.

Comment savoir quel mode utilise le navigateur ?

Les navigateurs se basent sur le DOCTYPE pour décider du mode de rendu de la page. En résumé on a :

Utilisation du mode "quirk" si :

* absence de DOCTYPE
* HTML 2, HTML 3.2, HTML 4.0
* HTML 4.01 Transitionnal
* XHTML 1.0 Transitionnal


Utilisation du mode standard si :

* HTML 4.01 Strict
* XHTML 1.0 Strict
* XHTML 1.1
* documents XML



Pour les détails et les différence concrètes entre le rendu "quirk" et standard, on peut consulter les sites des différentes navigateurs :

http://www.mozilla.org/docs/web-developer/quirks/
http://www.opera.com/docs/specs/doctype/
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Merci à gm_superstar pour cet article