html- Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用？

X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。
通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。

在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。
兼容性模式设置优先级：

1

meta tag > http header

常用的例子：

1

2

3

4

5

6

7

8

9

10

<metahttp-equiv="X-UA-Compatible"content="IE=7">  

#以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。  

<metahttp-equiv="X-UA-Compatible"content="IE=8">  

#以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。  

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

#以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。  

<metahttp-equiv="X-UA-Compatible"content="IE=7,IE=9">  

<metahttp-equiv="X-UA-Compatible"content="IE=7,9">  

<metahttp-equiv="X-UA-Compatible"content="IE=Edge,chrome=1">

#以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活ChromeFrame.

 Chrome Frame 可参见百度百科

“IE=Edge,chrome=1″这样简单快捷，但是弊端是代码将无法通过W3C验证。其实这并不是问题，毕竟标准只是标准，如果只有这一个“错误”完全不会有任何不良的影响。

注意事项：
1，根据官网定义X-UA-compatible 标头不区分大小写；不过，它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话，它不起作用
2，content的内容是IE=8，或者IE=edge等值，注意不是IE8或者直接写个edge的值，否则不起作用