Home  >  Article  >  Web Front-end  >  IE 8 Compatible: Explanation of X-UA-Compatible_html/css_WEB-ITnose

IE 8 Compatible: Explanation of X-UA-Compatible_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:56:331086browse

Source: http://www.ido321.com/940.html

From StackOverFlow

Problem description:

   1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

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 1a309583e26acea4f04ca31122d8c535

in the document Reply:

For IE8 and above, for example:

   1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />

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

   1: <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />

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:

   1: <meta http-equiv="X-UA-Compatible" content="IE=8" />

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

   1: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

For IE=EDGE

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

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

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

Adding "chrome=1" will allow sites to use Google Chrome Frame (Chrome Frame) client-side rendering has no effect if it is not used.

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 the IE8 version. It is used to specify different page rendering modes for IE8 and is not recognized by browsers other than IE8.

Currently, most websites use 4395140728f443f86acebf8105e1cdfa 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:

54b3dbf4873c98ff5f3255df674c261f

4395140728f443f86acebf8105e1cdfa

e986b5c6b779a5c8db0afbe1448db5eb

But 4395140728f443f86acebf8105e1cdfa 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

Next article: The so-called connections you talk about are just a cover! ! !

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn