IE 8 compatibility: Explanation of X-UA-Compatible, iex-ua-compatible

IE 8 compatibility: Explanation of X-UA-Compatible, iex-ua-compatible

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 is correct?

3. I want to knowIE = 9; IE = 8; IE = 7; IE = EDGE.

Used in the document <! DOCTYPE>

Reply:

For IE8 and later versions, for example:

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

Force the browser to perform rendering according to specific version standards. However, IE7 and earlier versions are not supported. If separated by semicolons (;), different browser versions have different compatibility. For example

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

The above shows that IE8 and IE7 are rendered according to IE7 standards, but IE9 is still rendered according to IE9 standards. It allows different backward compatibility levels. In actual situations, you only need to select one version:

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

This makes testing and maintenance easier. A more useful method is simulation.

   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 JQuery with the latest version on Google's CDN, this is based on the latest version, but it may also damage your layout because there is no fixed version.

Finally, consider the following

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

Adding "chrome = 1" will allow the site to be rendered on the client that uses the Google browser embedded framework (Chrome Frame), without any impact on unused content.

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

 

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

Currently, most websites use <meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7"> As IE8 compatibility methods. To avoid page errors under IE8, we recommend that you use IE7 for rendering. That is, directly Add the following code to the meta tag of the header on the page:

<Meta http-equiv = "X-UA-Compatible" content = "IE = 7"/>

<Meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7">

<Meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE8">

However, <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

Next article: the so-called contacts in your mouth are just a blind man !!!

Who can list in detail how to make IE6, IE7, IE8, and Firefox compatible?

If several browsers coexist, it is better to install virtual machines to solve this problem,
Firefox does not have to worry about it. It does not fight with ie, that is, different ie cannot coexist. There is a MultipleIEs that does not know, but it is said that there are also problems, such as Cookie coexistence.

IE8 IE6 compatibility <meta http-equiv = "x-ua-compatible" content = "ie = 7" Will the original meta content be overwritten?

I don't know what it means to try it out?