Modes HTML et «bizarreries» vs «conformité aux normes»: Expliquez et dites-nous pourquoi nous devrions nous en soucier.
Quelle est la différence entre le mode "quirks" et le mode "respect des normes" lors de la création de pages Web HTML?
Comment savoir quand on opère dans un mode plutôt que dans l'autre? Pourquoi les gens - c'est-à-dire les webmasters, concepteurs et développeurs Web - devraient-ils se préoccuper de choisir respect des normes mode plutôt que mode bizarre?
Le mode quirks est-il toujours justifiable lors du développement de nouveau contenu?
Ici est probablement le meilleur article que j'ai trouvé sur le mode quirks. Personnellement, j'essaie de toujours utiliser le mode standard chaque fois que possible, car il offre les meilleures chances de fonctionner avec la majorité des navigateurs.
Si vous développez en mode quirks, vous demandez effectivement au navigateur d’émuler les bogues antérieurs à IE6. Est-ce vraiment quelque chose que vous voulez faire?
Wikipedia explique les bases du déclenchement du mode quirks, mais il existe un certain nombre de cas particuliers qu’il ne couvre pas. Le lien fourni par txwikinger donne une bonne explication de l'historique et des principales différences.
Jukka Korpela explique les différences plus en détail et aussi 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,
Sous Firefox, utilisez la commande View/Page Info (et consultez le volet Général). ou si vous avez une extension pour développeur Web, cochez simplement une icône dans sa barre d’outils (troisième icône à partir de la droite).
Pour Internet Explorer, tapez javascript: alert (document.compatMode) dans la barre d'adresse et vérifiez si la fenêtre contextuelle affiche alors CSS1Compat (indiquant le mode Standards) ou BackCompat (indiquant le mode Quirks); Vous pouvez également télécharger et installer le bookmarklet simple Quirks ou Standards Mode.
Il est à noter que de nombreux navigateurs ont deux modes autres que le mode quirks - presque le mode standard et le mode standard. Malheureusement, IE6 et IE7 ne fonctionnent qu'en mode presque standard. Si vous devez prendre en charge ces navigateurs, tentez d'essayer de tilisez 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 vous développer contre cela pour une compatibilité future.
J'ai constaté que, si vous utilisez des restaurations ou des cadres CSS, si vous n'incluez pas le type de document permettant de basculer les navigateurs affectés (généralement IE7 et IE8) en mode Standards, de nombreux éléments de positionnement ne fonctionnent pas correctement. Il est presque toujours préférable de définir la déclaration de doctype et d’utiliser le mode Standards.
Comme @txwikinger l'a dit, 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 page donnée: Détection du mode Compat . Il existe également des extensions de navigateur qui peuvent faire cela, comme Web Developer Toolbar . Il existe une version pour FF et Chrome.
Le mode Quirks fait que IE 6 et 7 rendent le rendu CSS différemment de ce que les normes recommandent.
Le mode Standard permet à IE 6 & 7 de rendre les CSS plus proches des normes que le mode Quirks, et donc plus proches de la manière dont Firefox, Safari, Chrome, Opera et IE 8/9 .
Utiliser le mode standard signifie que vous avez moins de vieux problèmes bizarres IE à garder en tête lorsque vous essayez de faire fonctionner une page paniquée. Cela signifie que vous pouvez utiliser des livres tels que CSS: The Definitive Guide d'Eric Meyer pour rechercher ce que votre page devrait est en train de faire. Le mode Quirks d’IE n’a pas le même type de documentation complète.
Le mode Quirks est un mode dans lequel un navigateur 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 de la page. En l'absence de ce type de document, le navigateur passe en mode quirks. La présence d'un doctype valide oblige le navigateur à passer en mode standard, le mode "correct".
Il est préférable d'utiliser le mode standard - utilisez donc un doctype! - pour avancer, car cela garantit que vos pages fonctionneront correctement et de manière cohérente sur autant de navigateurs que possible.
C'est un choix entre:
- Moteur IE5 (ou émulation de bug pour bug)
- Quelque chose de plus moderne (meilleur effort en non-IE, longue histoire dans IE8…)
Si vous aimez écrire des CSS comme en 1999, sans centrer correctement, utilisez des bizarreries.