Über IE8-Kompatibilität: Erklärung des X-UA-Compatible-Attributs

Über IE8-Kompatibilität: Erklärung des X-UA-Compatible-Attributs

Problembeschreibung:


Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=9; IE=8; IE=7; IE=EDGE" />

1. Was bedeutet das?

2. In einigen Beispielen werden "," verwendet, um IE-Versionen zu trennen, während in anderen ";" verwendet wird. Was ist richtig?

3. Ich möchte die Bedeutung der Reihenfolge IE=9; IE=8; IE=7; IE=EDGE wissen.

Im Dokument <!DOCTYPE>

Antwort:

Für IE8 und höher beispielsweise:


Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=9; IE=8; IE=7" />

Erzwingen Sie, dass der Browser das Rendering gemäß einer bestimmten Version des Standards durchführt. Aber IE7 und darunter werden nicht unterstützt. Wenn sie durch ein Semikolon (;) getrennt sind, weisen unterschiedliche Browserversionen unterschiedliche Kompatibilität auf, zum Beispiel

Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=7; IE=9" />

Das Obige zeigt, dass IE8 und IE7 gemäß den IE7-Standards gerendert werden, IE9 jedoch weiterhin gemäß den IE9-Standards gerendert wird. Dies ermöglicht unterschiedliche Stufen der Abwärtskompatibilität. In Wirklichkeit müssen Sie sich jedoch nur für eine Version entscheiden:

Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=8" />

Dies erleichtert das Testen und die Wartung. Ein nützlicherer Ansatz besteht normalerweise darin, eine Simulation durchzuführen

Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=EmulateIE8" />

Für IE=EDGE

Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=Edge" />

Dies bedeutet, dass der Browser gezwungen wird, entsprechend den neuesten Standards zu rendern. Genau wie bei der Verwendung der neuesten Version von jQuery vom CDN von Google ist dies zwar auf dem neuesten Stand, kann aber ohne eine korrigierte Version auch Ihre Layouts beschädigen.

Bedenken Sie abschließend Folgendes:

Code kopieren
Der Code lautet wie folgt:
<meta http-equiv="X-UA-kompatibel" content="IE=Edge,chrome=1" />

Durch das Hinzufügen von „chrome=1“ kann die Site auf Clients gerendert werden, die Chrome Frame verwenden. Auf Clients, die dies nicht tun, hat dies jedoch keine Auswirkungen.

Code kopieren
Der Code lautet wie folgt:

Weitere Informationen gibt es hier reichlich zu lesen und wenn Sie mehr über ChromeFrame erfahren möchten (was ich empfehle), können Sie sich hier über die Implementierung informieren.

PS: X-UA-Compatible ist ein spezieller Dateiheader-Tag für die IE8-Version, der verwendet wird, um verschiedene Seitendarstellungsmodi für IE8 anzugeben. Es wird von anderen Browsern als IE8 nicht erkannt.

Derzeit verwenden die meisten Websites <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > als Kompatibilitätsmethode für IE8. Um Fehler in den unter IE8 erstellten Seiten zu vermeiden, wird empfohlen, IE8 direkt mit IE7 zu rendern. Das heißt, fügen Sie den folgenden Code direkt zum Meta-Tag des Seitenkopfes hinzu:

Code kopieren
Der Code lautet wie folgt:

<meta http-equiv=”X-UA-Kompatibel” content=”IE=7″ /></p> <p><meta http-equiv=”X-UA-Kompatibel” content=”IE=EmulateIE7″ ></p> <p><meta http-equiv=”X-UA-Kompatibel” content=”IE=EmulateIE8″ >

Aber <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > ist immer noch die bevorzugte Wahl.

Ursprünglicher Link von StackOverFlow: http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

<<:  Lösung für falsche Zeichenfolgenwerte in MySQL

>>:  Semantisierung von HTML-Tags (einschließlich H5)

Artikel empfehlen

JavaScript zum Implementieren einer dynamischen Digitaluhr

In diesem Artikel finden Sie den spezifischen Cod...

JavaScript implementiert Produktdetails der E-Commerce-Plattform

In diesem Artikel wird ein allgemeines Beispiel f...

Detaillierter Prozess der Installation von Jenkins-2.249.3-1.1 mit Docker

Inhaltsverzeichnis 1. Docker installieren 2. Zieh...

MySQL-Fremdschlüsseleinschränkung (FOREIGN KEY) Fallerklärung

Die MySQL-Fremdschlüsseleinschränkung (FOREIGN KE...

Detaillierte Erklärung zur Verwendung des MySQL-Datentyps DECIMAL

Der MySQL DECIMAL Datentyp wird zum Speichern exa...

Beim Hochladen von Bildern mit Axios in Vue sind Probleme aufgetreten

Inhaltsverzeichnis Was ist FormData? Eine praktis...

Detaillierte Erklärung der JS-Homologiestrategie und CSRF

Inhaltsverzeichnis Überblick Same-Origin-Policy (...

So installieren Sie mysql5.6 in Docker unter Ubuntu

1. Installieren Sie mysql5.6 Docker führt MySQL a...

Hinweise zu den Formularkomponenten des Elements

Elementform und Codeanzeige Weitere Einzelheiten ...

Docker exec führt mehrere Befehle aus

Der Befehl „Docker Exec“ kann Befehle in einem la...

Javascript Frontend Optimierungscode

Inhaltsverzeichnis Optimierung der if-Beurteilung...