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 zeigen Sie den Prozentsatz und die ersten paar Prozent in MySQL an

Inhaltsverzeichnis Erfordern Implementierungscode...

CentOS 7.5 stellt Varnish-Cache-Serverfunktion bereit

1. Einführung in Varnish Varnish ist ein leistung...

Auszeichnungssprache - CSS-Layout

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

Einführung in JavaScript-Zahlen- und Mathematikobjekte

Inhaltsverzeichnis 1. Zahlen in JavaScript 2. Mat...

Einführung in die neuen Funktionen von ECMAscript

Inhaltsverzeichnis 1. Standardwerte für Funktions...

Mehrere praktische Szenarien zur Implementierung der Ersetzungsfunktion in MySQL

REPLACE Syntax REPLACE(String,from_str,to_str) Da...

So implementieren Sie das N-Grid-Layout in CSS

Häufige Anwendungsszenarien Die Schnittstellen ak...

Detaillierte Erläuterung der MySQL 8.0-Richtlinie zum Ablauf von Passwörtern

Ab MySQL 8.0.16 können Sie eine Richtlinie zum Ab...

Bedingtes Rendering von Vue (v-if und v-show)

Inhaltsverzeichnis 1. v-wenn 2. Verwenden Sie v-i...