HTML et modes «bizarreries» vs «conformité aux normes»: Expliquez-nous et dites-nous pourquoi nous devrions nous en soucier?

Quelle est la différence entre le mode «bizarreries» et le mode «conformité aux normes» lors de la création de pages Web HTML?

Comment savoir quand on fonctionne dans un mode, par rapport à l'autre? Pourquoi les gens - c'est-à-dire les webmasters et les concepteurs et développeurs Web - devraient-ils se soucier de choisir le mode de conformité aux normes plutôt que le mode excentrique?

Le mode excentrique est-il toujours justifiable lors du développement de nouveaux contenus?

Voici probablement le meilleur article sur le mode excentrique que j'ai trouvé. Personnellement, j'essaie de toujours utiliser le mode standard autant que possible car il a les meilleures chances de fonctionner avec la majorité des navigateurs.

Si vous développez en mode excentrique, vous demandez effectivement au navigateur d'émuler des bogues antérieurs à IE6. Est-ce vraiment quelque chose que vous voulez faire?

Wikipedia explique les bases du déclenchement du mode bizarreries, mais il ne couvre pas un certain nombre de cas particuliers. Le lien fourni par txwikinger donne une bonne explication de l'histoire et des principales différences.

Jukka Korpela explique les différences plus en détail et comment vérifier le mode de compatibilité:

Vérification du mode Pour vérifier le mode (Quirks vs. Standards) dans lequel se trouve un navigateur,

Sur Firefox, utilisez la commande Afficher / Info page (et voir le volet Général); ou si vous avez Web Developer Extension, il suffit de cocher une icône dans sa barre d'outils (troisième icône à droite).

Pour IE, tapez javascript: alert (document.compatMode) dans la barre d'adresse et vérifiez si la fenêtre contextuelle indique ensuite CSS1Compat (indiquant le mode Standards) ou BackCompat (indiquant le mode Quirks); Vous pouvez également télécharger et installer le simple Bookmark Quirks ou Standards Mode.

Il convient de noter que de nombreux navigateurs ont deux modes autres que le mode excentrique - presque le mode standard et le mode standard. Malheureusement, IE6 et IE7 ne fonctionnent qu'en mode presque standard et donc si vous devez prendre en charge ces navigateurs, il est tentant d'essayer d' utiliser le mode presque standard dans tous les navigateurs . Cependant, il est probablement préférable de développer par rapport aux normes, puis d'essayer de corriger les bizarreries du navigateur. HTML5 n'offrira que le mode strict, vous devriez donc vraiment essayer de développer contre cela pour une compatibilité future.

Comme l'a dit @txwikinger, quirksmode est le site à voir ici.

La seule information supplémentaire qui devrait être utile est cet article sur la façon de détecter le mode utilisé par votre navigateur sur une certaine page: Détection du mode compatible . Il existe également des extensions de navigateur qui peuvent le faire, comme la barre d'outils de développeur Web . Il existe une version pour FF et Chrome.

J'ai constaté que si vous utilisez des réinitialisations ou des frameworks CSS, si vous n'incluez pas le doctype pour basculer les navigateurs concernés (généralement IE7 et IE8) en mode Standards, beaucoup de choses positionnelles vont mal. Il est presque toujours préférable de définir la déclaration doctype et d'utiliser le mode Standards.

Le mode Quirks est un navigateur qui ne rend pas les pages comme prévu par la spécification HTML. À un moment donné, les navigateurs Web ont gagné ce qui est essentiellement un commutateur - l'inclusion d'un doctype en haut d'une page. En l'absence de ce doctype, le navigateur passe en mode bizarreries. La présence d'un doctype valide force le navigateur à passer en mode standard, le mode "correct".

Il est préférable d'utiliser le mode standard - utilisez donc un doctype! - pour aller de l'avant, car cela garantit que vos pages fonctionneront correctement et de manière cohérente sur autant de navigateurs que possible.

Le mode Quirks permet à IE 6 et 7 de rendre CSS différemment des normes.

Le mode standard rend le rendu IE 6 et 7 plus proche des normes que le mode Quirks, et donc plus proche de la façon dont Firefox, Safari, Chrome, Opera et IE 8/9 le rendent.

L'utilisation du mode standard signifie que vous avez moins de vieux problèmes IE étranges à garder à l'esprit lorsque vous essayez de faire fonctionner une page flippante. Cela signifie que vous pouvez utiliser des livres comme CSS: The Definitive Guide par Eric Meyer pour rechercher ce que devrait faire votre page . Le mode Quirks d'IE n'a pas le même type de documentation complète.

C'est le choix entre:

• Moteur IE5 (ou émulation bug-pour-bug de celui-ci)
• Quelque chose de plus moderne (meilleur effort dans non-IE, longue histoire dans IE8…)

Si vous aimez écrire du CSS comme si c'était 1999, sans que le centrage fonctionne correctement, utilisez des bizarreries.