Search A2Z 24

Question : “X-UA-Compatible” content=“IE=9; IE=8; IE=7; IE=EDGE”

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

Actually what is the meaning of this statement ?

Some of the examples use "," (Comma) to separate versions of IE, while some use ";"(Semi-colon) which is correct?

The order IE=9; IE=8; IE=7; IE=EDGE has some importance, I wish to know that.  I am Using doctype <!DOCTYPE html>.

asked January 19, 2014

1 Answers

Dispalying 1 to 1 of 1 |

For versions of Internet Explorer 8 and above, this:

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

Forces the browser to render as that particular version's standards. It is not supported for IE7 and below.

If you separate with semi-colon, it sets compatibility levels for different versions. For example:

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

Renders IE7 and IE8 as IE7, but IE9 as IE9. It allows for different levels of backwards compatibility. In real life, though, you should only chose one of the options:

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

This allows for much easier testing and maintenance. Although generally the more useful version of this is using Emulate:

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

For this:

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

It forces the browser the render at whatever the most recent version's standards are. Just like using the latest version of jQuery on Google's CDN, this is the most recent, but also can potentially break your code since its not a fixed version.

Last, but not least, consider adding this little tidbit:

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

Adding "chrome=1" will allow the site to render in ChromeFrame for those (intelligent) users who have it, without affecting anyone else.

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

See comments (0) | Comment
Answered 2 Years ago
Dispalying 1 to 1 of 1 |

Write your Answer write code <pre class="brush: xml">---code---</pre>

Login as a member to access answering block !! click-here

Reveal Modal Goodness

This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.

This is just a simple modal with the default styles, but any type of content can live in here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis sem vel enim eleifend tristique. Etiam tincidunt faucibus pharetra.