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

Problembeschreibung:

Code kopieren

Der Code lautet wie folgt:

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:

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:

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:

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:

Für IE=EDGE

Code kopieren

Der Code lautet wie folgt:

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:

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:

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)

Eine kurze Erläuterung der Unterschiede zwischen FTP, FTPS und SFTP

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

Eine kurze Erläuterung der Unterschiede zwischen FTP, FTPS und SFTP

Zusammenfassung der bei der Arbeit häufig verwendeten Linux-Befehle

Zusammenfassung mehrerer häufig verwendeter CentOS7-Images basierend auf Docker

Detaillierte Schritte zur Installation der angegebenen Docker-Version (1.12.6) mit RPM

Detaillierte Schritte zur Installation der XML-Erweiterung in PHP unter Linux

React implementiert die Erweiterungs- und Reduzierfunktion komplexer Suchformulare

Größe von PNG-Bildern mit CSS-Maske deutlich optimieren (empfohlen)

Web-Standardanwendung: Neugestaltung der Tencent QQ-Homepage

Sprechen Sie über implizite Konvertierung in MySQL

Beispielcode zur Implementierung fortlaufender Updates von Diensten mit Docker Swarm

Artikel empfehlen

Native Netzwerkanforderungsschema von Vue und Netzwerkanforderungsbibliothek von JS

Einführung in 10 Hooks in React

Implementierung der Webpack-Codefragmentierung

Tutorial zum Einrichten geplanter Aufgaben zum Sichern der Oracle-Datenbank unter Linux

Detaillierte Erläuterung von Beispielen für JS-Closure- und Garbage-Collection-Mechanismen

Analyse der MySql-Indexnutzungsstrategie

Detaillierte Erklärung des alternativen Implementierungscodes der vertikalen Zentrierung in CSS (unkonventionell)

JavaScript implementiert Klicken zum Ändern der Bildform (Transformationsanwendung)

VUE+Express+MongoDB-Frontend- und Backend-Trennung zur Realisierung einer Notizwand

Zusammenfassung der wichtigsten Erkenntnisse des Vue-Entwicklungshandbuchs

Detaillierte Erläuterung der Vue-Konfigurationsanforderung für mehrere Serverlösungen

So zeigen Sie Versionsinformationen in Linux an

Detailliertes Beispiel für die Datenmigration bei einem IOS-Datenbank-Upgrade

So passen Sie die Protokollebene von Nginx in Docker an

Einführung in die Verwendung des Formulars „OnSubmit“ und des Eingabetyps „Bild“