文档章节

X-UA-Compatible属性的解释

梦梦阁
 梦梦阁
发布于 2015/12/07 10:20
字数 619
阅读 55
收藏 0

 问题描述:

代码如下:

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

1、这个到底是什么意思?

2、一些示例使用”,”分离IE的版本,而一些使用”;“,哪个正确?

3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。

在文档中使用了<!DOCTYPE>

答复:

对于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)的客户端渲染,对于没有使用的,则没有任何影响。

代码如下:


For more information, there is plenty to  read here, and if you want to learn about ChromeFrame (which I recommend) you  can learn about its implementation here.

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″ /></p> <p>
<meta http-equiv=”X-UA-Compatible”  content=”IE=EmulateIE7″ ></p> <p>
<meta  http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >

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


© 著作权归作者所有

共有 人打赏支持
梦梦阁
粉丝 27
博文 287
码字总数 159767
作品 0
嘉定
高级程序员
私信 提问

<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 1,X-UA-Compatible是神马? 文档:https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible X-UA-Compatible是IE8的一......

writeademo
2016/10/14
8
0
使用X-UA-Compatible来设置IE8/IE9兼容模式

英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx 文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一...

红薯
2010/09/16
13.6K
4
meta 解决页面浏览器兼容性

使用最高级的ie内核,如果支持谷歌内核,使用谷歌内核 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 这 样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如...

之渊
11/16
0
0
http-equiv="X-UA-Compatible"的意义

X-UA-Compatible是IE8+(IE8及以上版本)的一个专有<meta>属性,它告诉IE采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible...

javado
04/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用 React 和 Vue 创建相同的应用,他们有什么差异?

在工作中应用 Vue 之后,我对它有了相当深刻的理解。 不过,俗话说「外国的月亮比较圆」,我好奇「外国的」 React 是怎么样的。 我阅读了 React 文档并观看了一些教程视频,虽然它们很棒,但...

阿K1225
11分钟前
0
0
如何使用Kubernetes的configmap通过环境变量注入到pod里

在Kubernetes官网里,有这样一篇文章,提到了Kubernetes里的一个最佳实践就是把应用代码同配置信息分开,一种方式就是使用Kubernetes 1.2里引入的configmap概念。 https://kubernetes.io/bl...

JerryWang_SAP
27分钟前
0
0
2天闭门培训|以太坊智能合约从入门到实战(北京)

2天培训 16个课时 探寻技术原理,精通以太坊智能合约开发 以太坊智能合约是现在应用的最广泛的区块链应用开发方式,HiBlock区块链社区针对以太坊智能合约的学习特别推出2天闭门研修班,通过2...

HiBlock
29分钟前
0
0
限定某个目录禁止解析php,限制user_agent,php相关配置

11月20日任务 11.28 限定某个目录禁止解析php 11.29 限制user_agent 11.30/11.31 php相关配置 1.限定某个目录禁止解析php 核心配置文件内容 <Directory /data/wwwroot/www.123.com/upload> p...

hhpuppy
40分钟前
2
0
Spring的好文章

孤傲苍狼 https://www.cnblogs.com/xdp-gacl/p/4249939.html 跟我学spring http://jinnianshilongnian.iteye.com/blog/1413846 SpringIoc 和Spring Aop 代理模式: 静态代理 动态代理 cglib代......

wangwei2134
51分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部