meta标签的http-equiv与content解析

Posted 2021-02-01 menggirl23

meta是html语言head区的一个辅助性标签，以下是meta的http-equiv属性和content属性的一些介绍。

http-equiv属性

　　指示服务器在发送实际的文档之前，要在传送给浏览器的 MIME 文档头部包含http-equiv属性的值。此属性要与content属性结合在一起使用。

　　这里主要说一下该属性的“X-UA-Compatible”这个值

　　X-UA-Compatible

　　　　这是IE8的专用标记，是用于指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式以此来解决部分兼容问题，在网页中，其指定的模式的优先权高于服务器中（通过HTTP Header）所指定的模式，　　　　

　　　　兼容性模式设置优先级： meta tap>http header 

　　为什么要使用“X-UA-Compatible”？

　　IE8刚推出的时候，由于很多网页的重构问题，无法适应高级的浏览器，为了找到更省时省力的方法，就出现了X-UA-Compatible，这个只针对IE8而新加的一个设置，对于IE8之外的浏览器是不识别的，用X-UA-Compatible强制IE8按照低版本的渲染代码。

 

content属性

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

　　无论页面是否包含 <!DOCTYPE> 指令，均使用 Windows Internet Explorer 7 的标准渲染模式。

 

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

　　EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式

 

　　3、<meta http-equiv="X-UA-Compatible" content="edge" />

　　Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。即如果你有IE10的话说明你有IE7、8、9、10，那么就调用高版本的那个也就是IE10。

 

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

　　如果IE有安装Google Chrome Frame，那么就用安装的组件，如果没有就跟<meta http-equiv="X-UA-Compatible" content="edge" />一样。

　　说明：针对IE 6，7，8等版本的浏览器插件Google Chrome Frame，可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核。

 

END