首页 > web前端 > html教程 > IE8兼容的重要属性X-UA-Compatible

IE8兼容的重要属性X-UA-Compatible

php中世界最好的语言
发布: 2018-01-26 10:11:50
原创
2160 人浏览过

这次给大家带来IE8兼容的重要属性X-UA-Compatible,使用IE8兼容的重要属性X-UA-Compatible的注意事项有哪些,下面就是实战案例,一起来看一下。

代码如下:

<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顺序的含义。

在文档中使用了

答复:

对于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之外的浏览器是不识别的。

目前绝大多数网站都用来作为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″ >
登录后复制

但是仍然是首选。

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

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同

html如何使用title属性让鼠标悬停来显示文字

HTML的head头标签有哪些用法

以上是IE8兼容的重要属性X-UA-Compatible的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板