资讯专栏INFORMATION COLUMN

meta标签的http-equiv与content解析

FWHeart / 2016人阅读

摘要:幼圆属性幼圆幼圆无论页面是否包含指令,均使用的标准渲染模式。对于多数网站来说,它是首选的兼容性模式幼圆幼圆模式通知以最高级别的可用模式显示内容,这实际上破坏了锁定模式。

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、

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

 

   2、

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

 

  3、

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

 

    4、

  如果IE有安装Google Chrome Frame,那么就用安装的组件,如果没有就跟一样。

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

 

-THE END-

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1357.html

相关文章

  • HTML meta标签总结属性使用介绍

    摘要:用处这句话对标签用处的介绍,简洁明了。组成标签共有两个属性,分别是属性和属性。与之对应的属性值为,中的内容是对填入类型的具体描述,便于搜索引擎抓取。为常用属性关键字说明用于告诉搜索引擎,你网页的关键字。安全措施缓存所有响应,但并非必须。 之前学习前端中,对meta标签的了解仅仅只是这一句。 但是打开任意的网站,其head标签内都有一列的meta标签。比如我博客的。showImg(ht...

    GeekQiaQia 评论0 收藏0
  • <meta> 标签 和<title> 标签

    摘要:标签定义及使用说明元数据是数据的数据信息。元数据不会显示在客户端,但是会被浏览器解析。元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。提示和注释注意标签通常位于区域内。注意元数据通常以名称值对出现。 标签 主流浏览器都支持 标签。 标签定义及使用说明 元数据(Metadata)是数据的数据信息。 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会...

    lily_wang 评论0 收藏0
  • meta标签常见用法

    摘要:元数据总是以名称值的形式被成对传递的。典型的情况是,元素被用于规定页面的描述关键词文档的作者最后修改时间以及其他元数据。此方案应该在由标签的属性指定的概况文件中进行了定义。一、定义和用法 标签始终位于 head 元素中。 元素可提供有关页面的元信息(meta-information),元数据不会显示在页面上,但是对于机器是可读的。比如针对搜索引擎和更新频度的描述和关键词。 元数据(meta...

    twohappy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<