About IE8 compatibility: Explanation of the X-UA-Compatible attribute

Problem description:

Copy code

The code is as follows:

1. What does this mean?

2. Some examples use "," to separate IE versions, while some use ";", which one is correct?

3. I want to know the meaning of the order IE=9; IE=8; IE=7; IE=EDGE.

In the document, <!DOCTYPE>

reply:

For IE8 and above, for example:

Copy code

The code is as follows:

Force the browser to render according to a specific version of the standard. But IE7 and below are not supported. If separated by a semicolon (;), different browser versions will have different compatibility, for example

Copy code

The code is as follows:

The above shows that IE8 and IE7 are rendered according to IE7 standards, but IE9 is still rendered according to IE9 standards. This allows for different levels of backward compatibility. In reality though, you only need to choose one version:

Copy code

The code is as follows:

This will be easier for testing and maintenance. A more useful approach is usually to perform simulation

Copy code

The code is as follows:

For IE=EDGE

Copy code

The code is as follows:

This means that the browser will be forced to render according to the latest standards. Just like using the latest version of jQuery from Google's CDN, this is up to date, but may also break your layouts without a fixed version.

Finally, consider this

Copy code

The code is as follows:

Adding "chrome=1" will allow the site to render on clients that use Chrome Frame, but will have no effect on clients that don't.

Copy code

The code is as follows:

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

PS: X-UA-Compatible is a special file header tag for IE8 version, which is used to specify different page rendering modes for IE8. It is not recognized by browsers other than IE8.

Currently, most websites use <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > as a compatibility method for IE8. In order to avoid errors in the produced pages under IE8, it is recommended to directly render IE8 using IE7. That is, add the following code directly to the meta tag of the page header:

Copy code

The code is as follows:

But <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > is still the preferred choice.

StackOverFlow original link; http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

<<: Solution to Incorrect string value in MySQL

>>: Teach you how to use Portainer to manage multiple Docker container environments

Detailed explanation of two table copy statements: SELECT INTO and INSERT INTO SELECT (Differences between SQL database and Oracle database)

Blog

About IE8 compatibility: Explanation of the X-UA-Compatible attribute

Detailed explanation of two table copy statements: SELECT INTO and INSERT INTO SELECT (Differences between SQL database and Oracle database)

Notes on MySQL case sensitivity

Graphic tutorial on installing MySQL database and configuring environment variables on Mac

Docker advanced method of rapid expansion

Three ways to align div horizontal layout on both sides

A brief discussion on the definition and precautions of H tags

How to remove the blue box that appears when the image is used as a hyperlink

Nodejs implements intranet penetration service

MySQL 5.6.36 Windows x64 version installation tutorial detailed

Ubuntu 16.04 kernel upgrade steps

Recommend

Several ways to solve the problem of floating causing the height of the parent element to collapse in CSS

Detailed explanation of moment.js time and date processing

Vue implements a simple calculator

CSS3 realizes various graphic effects of small arrows

How to reasonably use the redundant fields of the database

Achieve 3D flip effect with pure CSS3 in a few simple steps

JS ES new features: Introduction to extension operators

A brief discussion on HTML special character encoding CSS3 content: "I am a special symbol"

Vue implements image drag and drop function

MySQL 4 methods to import data

Zookeeper request timeout problem in dubbo: configuration of mybatis+spring connecting to mysql8.0.15

Angular Cookie read and write operation code

How to upload the jar package to nexus via the web page

A super detailed Vue-Router step-by-step tutorial

Introduction to new ECMAscript object features