欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

meta标签的http-equiv与content解析

程序员文章站 2022-03-30 20:29:31
meta是html语言head区的一个辅助性标签,以下是meta的http-equiv属性和content属性的一些介绍。 http-equiv属性 指示服务器在发送实际的文档之前,要在传送给浏览器的 MIME 文档头部包含http-equiv属性的值。此属性要与content属性结合在一起使用。 ......

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