N'oubliez pas déclaré le DOCTYPE dans votre page Web
En général, la balise «DOCTYPE» indique à votre navigateur Web comment valider ou traiter votre page Web selon les règles w3c et éviter que certains navigateurs Web (en particulier IE) ne se transforment en «http: // fr. wikipedia.org/wiki/Quirks_mode[Quirks mode] ".
Le mode Quirks est un désastre
Laissez aller un exemple pour savoir comment le mode excentrique gâche votre page Web.
Un code HTML simple sans «DOCTYPE» déclaré.
No DOCTYPE declared!
Les «margin:0 auto;» aligneront automatiquement le bloc d'en-tête au centre de la page, et seront pris en charge dans IE7, 8 et Firefox. Essayons.
-
Firefox - Si vous affichez la page dans Firefox, cela fonctionne bien.
-
IE8 - Si vous affichez la page enIE8, the center alignment is not working.
Voici le problème, IE8 prend en charge les «margin:0 auto;», mais pourquoi cela ne fonctionne pas? En effet, votre IE8 se transforme lui-même en «http://en.wikipedia.org/wiki/Quirks_mode[Quirks mode]», cela signifie que votre navigateur Web passe en mode de compatibilité descendante, il affichera votre page Web en mode IE6.
IE6 meilleure récompense en tant que pire navigateur Web au monde, vous ne voulez tout simplement pas que votre mise en page HTML bien conçue se transforme en merde. Outre la marge automatique, il existe des centaines d'éléments CSS qui ne sont pas pris en charge dans IE6, vous voyez maintenant l'importance du DOCTYPE?
Déclaré DOCTYPE !!!
Pour éviter que IE8 le transforme en «Quirks mode», vous devez déclarer la balise DOCTYPE devant le contenu HTML. Par exemple,
...
Essayez de le voir à nouveau dans IE8, l'alignement central fonctionne correctement. Plus de «mode Quirks», il rendra la page Web au standard IE8.