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

1

meta tag > http header

1

2

3

4

5

6

7

8

9

10

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

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

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

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

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

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

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

#将IE8和IE7按照IE7标准渲染，但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。

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

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

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

1

2

3

4

5

6

Emulate IE8 mode #指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE8 Standards mode而quirks mode会显示成IE5 mode。不同于IE8 mode，Emulate IE8 mode重视<!DOCTYPE>指令。

Emulate IE7 mode #指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE7 Standards mode而quirks mode会显示成IE5 mode。不同于IE7 mode，Emulate IE7 mode重视<!DOCTYPE>指令。对于许多网页来说这是最推荐的兼容性模式。

IE5 mode #编译内容如同IE7的quirks mode之显示状况，和IE5中显示的非常类似。

IE7 mode #编译内容如同IE7的standards mode之显示状况，无论网页是否含有<!DOCTYPE>指令。

IE8 mode #提供对业界标准的最高支持，包含 W3C Cascading Style Sheets Level 2.1 Specification和W3C Selectors API，并有限的支持 W3C Cascading Style Sheets Level 3 Specification (Working Draft)。

Edge mode #指示IE以目前可用的最高模式显示内容。当使用IE8时其等同于IE8 mode。若(假定)未来放出支持更高兼容性模式的IE，使用Edge mode的页面会使用该版本能支持的最高模式来显示内容。同样的那些页面在使用IE8浏览时仍会照常显示。

1

2

3

4

5

6

7

8

<IfModule mod_setenvif.c>

<IfModule mod_headers.c>

BrowserMatch MSIE ie

Header set X-UA-Compatible "IE=Edge" env=ie

BrowserMatch chromeframe gcf

Header append X-UA-Compatible "chrome=1" env=gcf

</IfModule>

</IfModule>

1

add_header "X-UA-Compatible" "IE=Edge,chrome=1";