Denken Sie daran, den DOCTYPE auf Ihrer Webseite deklariert zu haben
Im Allgemeinen teilt das Tag "DOCTYPE" Ihrem Webbrowser mit, wie Sie Ihre Webseite gemäß den w3c-Regeln validieren oder verarbeiten sollen, und vermeiden Sie, dass sich einige Webbrowser (insbesondere IE) in "http: // en" verwandeln. wikipedia.org/wiki/Quirks_mode[Quirks mode] “.
Der Quirks-Modus ist eine Katastrophe
Lassen Sie uns ein Beispiel durchdenken, um zu erfahren, wie der Macken-Modus Ihre Webseite durcheinander bringt.
Ein einfacher HTML-Code ohne Angabe von "DOCTYPE".
No DOCTYPE declared!
Die "margin:0 auto;" richten den Headerblock automatisch in der Mitte der Seite aus und werden in IE7, 8 und Firefox unterstützt. Lass es uns versuchen.
-
Firefox - Wenn Sie die Seite in Firefox anzeigen, funktioniert sie einwandfrei.
-
IE8 - Wenn Sie die Seite inIE8, the center alignment is not working anzeigen.
Hier ist das Problem, der IE8 unterstützt die "margin:0 auto;", aber warum funktioniert es nicht? Dies liegt daran, dass sich Ihr IE8 in den Modus "http://en.wikipedia.org/wiki/Quirks_mode[Quirks" verwandelt. Dies bedeutet, dass Sie Ihren Webbrowser in den Abwärtskompatibilitätsmodus versetzen und Ihre Webseite im IE6-Modus rendern.
IE6 best award Als der schlechteste Webbrowser der Welt möchten Sie einfach nicht, dass aus Ihrem schön gestalteten HTML-Layout Scheiße wird. Neben dem automatischen Rand gibt es Hunderte von CSS-Elementen, die in IE6 nicht unterstützt werden. Sehen Sie jetzt, wie wichtig DOCTYPE ist?
Deklarierter DOCTYPE !!!
Um zu vermeiden, dass IE8 es in „Quirks mode“ umwandelt, müssen Sie das DOCTYPE-Tag vor dem HTML-Inhalt deklarieren. Zum Beispiel,
...
Versuchen Sie es in IE8 erneut anzuzeigen, die mittlere Ausrichtung funktioniert einwandfrei. Kein "Quirks-Modus" mehr, die Webseite wird im IE8-Standard gerendert.