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

Grundlegende Befehle für MySQL-Datenbankoperationen

1. Erstellen Sie eine Datenbank: Daten erstellen ...

SQL IDENTITY_INSERT-Fallstudie

Wenn eine Spalte in einer Datentabelle einmal als...

Ausführliches Installationstutorial für MySQL Installer Community 5.7.16

Dieser Artikel zeichnet das ausführliche Tutorial...

Lösung für das Problem, dass Docker-Protokolle nicht abgerufen werden können

Als ich den Dienst täglich überprüfte und mir die...

Was tun, wenn Sie Ihr MySQL-Passwort vergessen?

Zweimal Ihr MySQL-Passwort vergessen? Zuerst habe...

Analyse der HTTP-Dienstschritte auf einer virtuellen VMware-Maschine

1. Verwenden Sie xshell, um eine Verbindung mit d...

Einführung in das Methodenattribut des Formularformulars in HTML

1 Methode ist eine Eigenschaft, die angibt, wie Da...

Detaillierte Analyse, wann Tomcat das Antwortdatagramm zurückschreibt

Es stellt sich die Frage Diese Frage kam auf, als...

So zeigen Sie die Ausführungszeit von SQL-Anweisungen in MySQL an

Inhaltsverzeichnis 1. Erste SQL-Vorbereitung 2. M...