Tiefgreifendes Verständnis der angegebenen IE-Browser-Rendering-Methode

Tiefgreifendes Verständnis der angegebenen IE-Browser-Rendering-Methode

<meta http-equiv="X-UA-kompatibel" content="IE=7" />
Der obige Code teilt dem IE-Browser mit, dass IE8/9 die IE7-Engine zum Rendern der Seite verwenden wird, unabhängig davon, ob DTD zum Deklarieren des Dokumentstandards verwendet wird.

<meta http-equiv="X-UA-kompatibel" content="IE=8" />
Der obige Code teilt dem IE-Browser mit, dass IE8/9 die IE8-Engine zum Rendern der Seite verwenden wird.

<meta http-equiv="X-UA-kompatibel" content="edge" />
Der obige Code teilt dem IE-Browser mit, dass Windows den Inhalt mit der höchsten IE-Version anzeigt.

<meta http-equiv="X-UA-kompatibel" content="IE=EmulateIE7" />
Bestimmt, wie der Inhalt basierend auf der <!DOCTYPE>-Direktive gerendert wird. Anweisungen im Standardmodus werden im Standardmodus von Windows Internet Explorer 7 angezeigt, während Anweisungen im Quirksmodus im IE5-Modus angezeigt werden. Im Gegensatz zum IE7-Modus respektiert der EmulateIE7-Modus die <!DOCTYPE>-Direktive. Für die meisten Websites ist dies der bevorzugte Kompatibilitätsmodus. Wenn Sie IE9/IE10 verwenden und IE8 überspringen und das Rendering in IE7 und IE9 festlegen möchten, müssen Sie die im MSDN-Dokument empfohlene Syntax verwenden:

<meta http-equiv="X-UA-kompatibel" content="IE=7;IE=9" />
Allerdings verursacht die obige Syntax, die mit IE7/IE9 kompatibel ist, in IE8 einen Fehler. Es wurde festgestellt, dass die Seite in IE8 nicht im Dokumentmodus von IE7 gerendert wird.

Richtige Grammatikregeln:

1. Verwenden Sie beim Definieren mehrerer Dokumentmodi Kommas (,) statt Semikolons (;), wie in der Dokumentation erwähnt.

Auffüllen:

1. X-UA-Compatible ist eine neue Einstellung für IE8 und wird von anderen Browsern als IE8 nicht erkannt. Dies unterscheidet sich von content="IE=7" darin, dass es der Verwendung des Standardmodus von Windows Internet Explorer 7 gleicht, unabhängig davon, ob die Seite die <!DOCTYPE>-Direktive enthält oder nicht. Der Modus content="IE=EmulateIE7" folgt der Direktive <!DOCTYPE>. Für die meisten Websites ist dies der bevorzugte Kompatibilitätsmodus.

2. X-UA-Compatible ist ein spezieller Dateiheader-Tag für die IE8-Version, der verwendet wird, um verschiedene Seiten-Rendering-Modi für IE8 anzugeben. Da die Nutzungsrate von IE6 und IE7 immer noch hoch ist, ist es sehr wichtig, den X-UA-kompatiblen Kompatibilitätsmodus der IE8-Version auf der Grundlage umfassender Überlegungen zu aktivieren.

Nachfolgend sind Beispiele für verschiedene Kompatibilitätsmoduscodes aufgeführt:

<meta http-equiv="X-UA-kompatibel" content="IE=5" />
Es ist, als würde man den Quirks-Modus von Windows Internet Explorer 7 verwenden, der der Inhaltsanzeige von Windows Internet Explorer 5 sehr ähnlich ist.

<meta http-equiv="X-UA-kompatibel" content="IE=7" />
Der Standard-Renderingmodus von Windows Internet Explorer 7 wird verwendet, unabhängig davon, ob die Seite eine <!DOCTYPE>-Direktive enthält.

<meta http-equiv="X-UA-kompatibel" content="IE=8" />
Aktiviert den Standard-Renderingmodus von IE8, da der X-UA-kompatible Dateiheader jedoch nur IE8 und höher unterstützt, entspricht dies redundantem Code.

<meta http-equiv="X-UA-kompatibel" content="edge" />
Der Edge-Modus weist Windows Internet Explorer an, Inhalte im höchsten verfügbaren Modus anzuzeigen, wodurch der Sperrmodus grundsätzlich unterbrochen wird.

<meta http-equiv="X-UA-kompatibel" content="IE=EmulateIE7" />
Der Modus „EmulateIE7“ weist Windows Internet Explorer an, die Direktive <!DOCTYPE> zu verwenden, um zu bestimmen, wie Inhalte gerendert werden. Anweisungen im Standardmodus werden im Standardmodus von Windows Internet Explorer 7 angezeigt, während Anweisungen im Quirksmodus im IE5-Modus angezeigt werden. Im Gegensatz zum IE7-Modus respektiert der EmulateIE7-Modus die <!DOCTYPE>-Direktive. Für die meisten Websites ist dies der bevorzugte Kompatibilitätsmodus.

Der obige Inhalt beschreibt, wie Sie den Rendering-Modus des IE-Browsers einstellen. Wenn Sie ihn benötigen, können Sie ihn selbst verwenden.

<<:  CSS Transition erweitert und reduziert Elemente durch Ändern der Höhe

>>:  Detaillierter Prozessbericht der Vue2-Initiierungsanfragen mit Axios

Artikel empfehlen

So verfolgen Sie Benutzer mit JS

Inhaltsverzeichnis 1. Synchrones AJAX 2. Asynchro...

Der einfachste Weg, das MySQL-Root-Passwort zurückzusetzen

Meine MySQL-Version ist MySQL V5.7.9, bitte verwe...

Die Eisernen Gesetze der MySQL-Datenbank (Zusammenfassung)

Gute Datenbankspezifikationen tragen dazu bei, di...

Detaillierte Erklärung zur Verwendung von Titel-Tags und Absatz-Tags in XHTML

XHTML-Überschriftenübersicht Wenn wir Word-Dokume...

Zwei Boxmodelle in Webseiten (W3C-Boxmodell, IE-Boxmodell)

Es gibt zwei Arten von Webseiten-Boxmodellen: 1: S...

Der Prozess des Aufbaus einer Lampenarchitektur durch einen Docker-Container

Inhaltsverzeichnis 1. Ziehen Sie das Centos-Image...

Implementierung der Nginx-Konfiguration HTTPS-Sicherheitsauthentifizierung

1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...

Webdesign-Tutorial (2): Über Nachahmung und Plagiat

<br />Im vorherigen Artikel habe ich die Sch...

Detailliertes Beispiel der CSS3-Boxschatteneigenschaft

CSS3 – Schatten hinzufügen (mithilfe von Boxschat...

js implementiert einen einfachen Countdown

In diesem Artikelbeispiel wird der spezifische Co...

Designtheorie: Menschenorientiertes Green Design

Überlegungen zu den beiden Sichtweisen „menscheno...