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

JS implementiert das Baidu-Suchfeld

In diesem Artikelbeispiel wird der spezifische JS...

So installieren Sie den Vim-Editor unter Linux (Ubuntu 18.04)

Sie können das Desktopsystem von der offiziellen ...

Detaillierte Erläuterung der Angular-Datenbindung und ihrer Implementierung

Inhaltsverzeichnis Vorwort Was ist Datenbindung? ...

Die Verwendung und der Unterschied zwischen vue3 watch und watchEffect

1. Hörer ansehen Vorstellung der Uhr importiere {...

27 Linux-Befehle zum Bearbeiten von Dokumenten, die es wert sind, gesammelt zu werden

Linux-Befehl „col“ Der Linux-Befehl col wird zum ...

So verwenden Sie den Skeleton-Bildschirm im Vue-Projekt

Heutzutage ist die Anwendungsentwicklung grundsät...

So löschen Sie Ordner, Dateien und Dekomprimierungsbefehle auf Linux-Servern

1. Ordner löschen Beispiel: rm -rf /usr/java Das ...

Die einfachste Formularimplementierung des Flexbox-Layouts

Flexibles Layout (Flexbox) erfreut sich zunehmend...

Docker+Gitlab+Jenkins erstellt automatisierte Bereitstellung von Grund auf

Inhaltsverzeichnis Vorwort: 1. Docker installiere...

Der Unterschied zwischen br und br/ in HTML

Antwort von Stackflow: Einfaches <br> genügt...

Neue Einstellungen für Text und Schriftarten in CSS3

Textschatten Textschatten: horizontaler Versatz, ...

Zusammenfassung der Diskussion zur Gültigkeitsdauer von Nginx-Cookies

Bei jedem Besuch wird im Browser Cookie generiert...

Detaillierte Erklärung zur Formatierung von Zahlen in MySQL

Aus beruflichen Gründen musste ich kürzlich Zahle...