About IE8 compatibility: explanation of X-UA-Compatible attribute_HTML/Xhtml_Web page production

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 sequence IE=9; IE=8; IE=7; IE=EDGE.

Used in the document

Reply:

For IE8 and above, for example:

Copy code

The code is as follows:

Force the browser to render according to a specific version standard. But it does not support IE7 and below versions. If separated by a semicolon (;), there will be different compatibility for different browser versions, such as

Copy code

The code is as follows:

The above shows that, IE8 and IE7 render according to IE7 standards, but IE9 still renders according to IE9 standards. It allows for different backward compatibility levels. Although in a real situation, you only need to choose one version:

Copy the code

The code is as follows:

This will be easier for testing and maintenance. The usually more useful way is to simulate

Copy the code

The code is as follows:

For IE=EDGE

Copy the 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 on Google’s CDN, this is as per the latest version, but may also break your layout due to not having a fixed version.

Finally, consider the following

Copy the code

The code is as follows:

Adding "chrome=1" will allow sites to use Google Chrome Frame (Chrome Frame) client-side rendering has no effect on those that are not used.

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:

Currently, most websites use as the compatibility method for IE8. In order to avoid errors in the produced pages under IE8, it is recommended to directly use IE7 for rendering in IE8. That is, add the following code directly to the meta tag of the header of the page:

Copy the code

The code is as follows:

But is still preferred.

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