meta中X-UA-Compatible的作用详解

更新日期: 2018-11-07阅读: 2.8k标签: meta

对于IE8及以上版本,例如:

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />


强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号(;)分隔,对于不同的浏览器版本就有不同的兼容性,例如

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


以上就表明,将IE8和IE7按照IE7标准渲染,但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中,你只要选择一种版本:

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

这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />


对于IE=EDGE

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


这意味着,会强制浏览器按照最新的标准去渲染。就像在Google’s CDN使用最新版本的jquery一样,这是按照最新版本,但也可能由于没有固定的版本而破坏你的布局。

最后,考虑下面这个

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


添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。


PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。

目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >


但是<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >仍然是首选。

StackOverFlow原链接;http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top


链接: https://fly63.com/article/detial/1276

meta中viewport介绍,关于移动web前端viewport详解

当你掌握了viewport,那么意味着你已经大致了解了移动平台与PC平台的不同,你可以更专注而细致的去解决某些平台差异问题。

Meta标签大全_web开发常用meta整理

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

vue-router路由元信息meta

在定义路由时定义一个需要验证的meta信息 meta: {requiresAuth: true} 路由记录可以是嵌套的,因此,当一个路由匹配成功后,他可能匹配多个路由记录

HTML5中meta标签的属性有哪些?

meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。还是有必要了解一些meta的属性,并且能够熟练使用它们。

html头部中各式各样的meta

在写网页的过程中,第一步就是创建一个html文档。meta 元素可以提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键字。它不会显示在页面上,但是计算机可以识别

作为前端,你必须要知道的 meta 标签知识

面试baidu的时候,面试官问:你都知道什么 meta 标签?用处是什么?尽可能多的说出来。我:嗯…… 嗯…… 我一般都自动生成… 面试官:……后来找资料好好学了下

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!