Der Unterschied zwischen der Rolle des Doctype und dem Standardmodus und Kompatibilitätsmodus

Die Rolle von DOCTYPE und der Unterschied zwischen Standardmodus und Kompatibilitätsmodus

1. Der Unterschied zwischen Standardmodus und Kompatibilitätsmodus: StandardmodusDer Satz und der JS-Betriebsmodus werden alle mit den höchsten vom Browser unterstützten Standards ausgeführt. Im Kompatibilitätsmodus werden Seiten in einer locker abwärtskompatiblen Weise angezeigt, wodurch das Verhalten älterer Browser simuliert wird, um zu verhindern, dass die Website nicht funktioniert.

   Spezifische Unterschiede:
   1. Box-Modell
   Im strikten Modus: Breite ist die Inhaltsbreite und die tatsächliche Breite des Elements = Breite;
   Im Kompatibilitätsmodus: Breite ist =Breite+ padding+border
   2. Im Kompatibilitätsmodus können Sie die prozentuale Höhe sowie die Höhe und Breite von Inline-Elementen festlegen
   Im Standardmodus wird die Einstellung von Breite und Höhe für Inline-Elemente wie Span nicht wirksam, während in Der Kompatibilitätsmodus wird wirksam.
   Im Standardmodus wird die Höhe eines Elements durch den darin enthaltenen Inhalt bestimmt. Wenn das übergeordnete Element keine Höhe festlegt, ist es für das untergeordnete Element ungültig, eine prozentuale Höhe festzulegen.
   3. Die Verwendung von margin:0 auto zum Festlegen der horizontalen Zentrierung funktioniert im IE nicht.
   Die Verwendung von margin:0 auto kann das Element im Standardmodus horizontal zentrieren, funktioniert jedoch nicht im Kompatibilitätsmodus (verwenden Sie die Textausrichtung). (Attribut) Lösung)
   body{text-align:center};#content{text-align:left}
   4. Im Kompatibilitätsmodus können die Schriftartattribute in der Tabelle nicht die Einstellungen der oberen Ebene und Weiß erben -space:pre ist ungültig.

   1. html>-Tag, weist den Parser des Browsers an, welchen Dokumentstandard dieses Dokument analysiert. Ein nicht vorhandener oder falsch formatierter DOCTYPE führt dazu, dass das Dokument im Kompatibilitätsmodus gerendert wird. Bei HTML5 wird die Groß-/Kleinschreibung nicht beachtet.

   2. Die Deklaration ist kein HTML-Tag, sondern eine Anweisung, mit der dem Browser die aktuelle HTML-Version mitgeteilt wird

   3. Die HTML-Layout-Engine moderner Browser bestimmt, ob zum Rendern des Dokuments der Kompatibilitätsmodus oder der Standardmodus verwendet werden soll, indem sie den Dokumenttyp überprüft. Einige Browser verfügen über ein standardisiertes Modell.

   4. In HTML4.01 verweist die -Deklaration auf eine DTD. Da HTML4.01 auf SGML basiert, gibt die DTD Markup-Regeln an, um sicherzustellen, dass der Browser Inhalte rendert richtig

   5. HTML5 basiert nicht auf SGML, daher ist es nicht erforderlich, eine DTD anzugeben

   Der Unterschied zwischen Standardmodus und Kompatibilitätsmodus: StandardmodusDas Layout und der JS-Betriebsmodus werden alle mit den höchsten vom Browser unterstützten Standards ausgeführt. Im Kompatibilitätsmodus werden Seiten in einer locker abwärtskompatiblen Weise angezeigt, wodurch das Verhalten älterer Browser simuliert wird, um zu verhindern, dass die Website nicht funktioniert.

   Spezifische Unterschiede:
   1. Box-Modell
   Im strikten Modus: Breite ist die Inhaltsbreite und die tatsächliche Breite des Elements = Breite;
   Im Kompatibilitätsmodus: Breite ist =Breite+ padding+border
   2. Im Kompatibilitätsmodus können Sie die prozentuale Höhe sowie die Höhe und Breite von Inline-Elementen festlegen
   Im Standardmodus wird die Einstellung von Breite und Höhe für Inline-Elemente wie Span nicht wirksam, während in Der Kompatibilitätsmodus wird wirksam.
   Im Standardmodus wird die Höhe eines Elements durch den darin enthaltenen Inhalt bestimmt. Wenn das übergeordnete Element keine Höhe festlegt, ist es für das untergeordnete Element ungültig, eine prozentuale Höhe festzulegen.
   3. Die Verwendung von margin:0 auto zum Festlegen der horizontalen Zentrierung funktioniert im IE nicht.
   Die Verwendung von margin:0 auto kann das Element im Standardmodus horizontal zentrieren, funktioniert jedoch nicht im Kompatibilitätsmodus (verwenden Sie die Textausrichtung). Attribut) Lösung)
   body{text-align:center};#content{text-align:left}
   4. Im Kompatibilitätsmodus können die Schriftartattribute in der Tabelle nicht die Einstellungen der oberen Ebene und Weiß erben -space:pre wird ungültig sein

   Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen der Rolle des Doctype und dem Standardmodus und Kompatibilitätsmodus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!