meta标签中 X-UA-Compatible 的意义

X-UA-Compatible是神马? 

X-UA-Compatible 是 IE8 的一个专有 <meta> 属性,它告诉 IE8 采用何种 IE 版本去渲染网页,在 html 的 <head> 标签中使用。可以在微软官方文档获取更多介绍。

为什么要用X-UA-Compatible? 

在 IE8 刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用 X-UA-Compatible 标签强制 IE8 采用低版本方式渲染。 
使用下面这段代码后,开发者无需考虑网页是否兼容 IE8 浏览器,只要确保网页在 IE6、IE7 下的表现就可以了。 

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

使用下面这段代码使用的是 Edge 。模式 Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。

简单的说,就是什么版本 IE 就用什么版本的标准模式渲染。

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

使用以下代码强制 IE 使用 Chrome Frame 渲染

<meta http-equiv="X-UA-Compatible" content="chrome=1">

最佳的兼容模式方案:

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

 ps:

为防止失效,X-UA-Compatible 最好紧跟在 head 之后,之前不要有任何不标准的标签。

更细,更基本的介绍可以参考一下网址:http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html



原文链接:HelloWeb前端网 » meta标签中 X-UA-Compatible 的意义 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享