X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。

目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

  1. <meta http-equiv="X-UA-Compatible" content="IE=7" />

这样我们才能使得页面在IE8里面表现正常!

浏览器市场份额的激烈竞争,给网页设计开发人员带来了兼容性设计的麻烦。单单 IE 浏览器就有好几个主流版本,IE6、IE7、IE8 等等。当然使用诸如 IETester,多版本 IE 共存解决方案之类的第三方集成工具,可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。

X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高,综合考虑,启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。

各种兼容模式代码示例如下:

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

像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。

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

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

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

开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。

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

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。

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

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

在现阶段,IE8 版本推向市场没有多久,份额不高。因此,考虑兼容旧版本的模式值得推荐。

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

以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。

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

以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。

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

以上代码告诉IE浏览器,Windows以最高版本的IE显示内容。

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

以上代码告诉IE浏览器,根据 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。

转载于:https://www.cnblogs.com/zhaodifont/p/3816357.html

meta http-equiv=X-UA-Compatible content=IE=edge / 的说明相关推荐

  1. 标记meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1

    为什么80%的码农都做不了架构师?>>>    陌生标记标记一: < meta http-equiv = "X-UA-Compatible" content ...

  2. IE 8兼容:meta http-equiv=X-UA-Compatible content=IE=edge / X-UA-Compatible的解释

    前言:9月份开始了,大四也真正的到来了.深知自己网页布局还有很大的缺陷,接下来打算从工作中抽时间出来模仿着一些互联网公司的网站.顺便把基础理论知识打好. 第一个目标:小米官网:后续会把练习的项目放到g ...

  3. meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /

    X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE> ...

  4. HTML中添加meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1

    http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义 Edge模式告诉IE以最高级 模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模 ...

  5. 详解 meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1 /

    < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 这是个是 ...

  6. meta http-equiv=X-UA-Compatible content=ie=edge的意思

    <meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码 ...

  7. IE兼容问题解决方案——指定文件兼容性为content=IE=Edge,chrome=1(可以解决很多的问题)

    引言 偶尔做些坑爹的国企项目或者政府的web项目总是遇到一个坑爹的问题,就是要兼容IE,哪怕微软自己都抛弃IE了那些国企政府机构的老机器还是跑IE,然后经过一番协调一般会指定一个版本至少兼容某个版本以 ...

  8. NLTK基础教程学习笔记(二)

    Python基础: 字典(dictionary)也是最常用到的一种数据结构.在其他语言中被称为关联数组/存储.字典是一种键值索引型的数据结构,其索引键可以是一种不可变的类型,例如字符串和数字常被用来充 ...

  9. NLTK01 《NLTK基础教程--用NLTK和Python库构建机器学习应用》

    01 关于NLTK的认知 很多介绍NLP的,都会提到NLTK库.还以为NLTK是多牛逼的必需品.看了之后,感觉NLTK对实际项目,作用不大.很多内容都是从语义.语法方面解决NLP问题的.感觉不太靠谱. ...

最新文章

  1. Sublime3快捷键大全
  2. python在路径里添加变量_想学Python?那就先从头开始吧!
  3. 检验例题_高考必考|化学工艺流程之物质的分离提纯及检验鉴别,轻松拿分
  4. derby mysql 同步_[Derby]数据库操作说明
  5. SASS 的相关函数
  6. c语言机考答案,全国计算机等级考试C语言上机试题题库(内附答案)
  7. hdu 1718 Rank
  8. 拓扑排序Topological Sorting
  9. 【NIPS 2018】循环World模型促进策略演变
  10. C#获取 Flv视频文件播放时间长度等信息
  11. 初学者:关于html中的text-align文本居中属性详解
  12. jupyter notebook修改黑色背景和字体大小
  13. BERT知识点汇总(en cour...)
  14. 汉诺塔c语言执行步骤详解,详解汉诺塔执行过程
  15. VMware 搭建大数据测试平台(CDH6.2.1)
  16. 现在准备看《金赛性学报告》
  17. P5108 仰望半月的夜空
  18. 记忆中永不消逝的香椿芽儿的香味·《晚唱·贾平凹》
  19. kubernetes开发环境的比较
  20. TXT格式小说实现分章节

热门文章

  1. 学python的正确方法_学习Python最正确的步骤(0基础必备)
  2. git fetch 与 git pull
  3. java 发送数据_用JAVA模拟POST发送数据
  4. python2与_python2和python3的区别
  5. Qt界面制作(QSS、获取屏幕分辨率、自定义控件、版权)
  6. Python实现HTTP服务器(四)单进程线程非阻塞实现多任务
  7. oracle存储sql片段引入_强大的跨数据库访问组件 UniDAC使用教程:注释和SQL函数...
  8. php mysql 持久连接_PHP MySQL连接持久性
  9. java为学生s1的age属性_求解java程序,题目如下
  10. mysql交叉查询教程_史上最简单的 MySQL 教程(二十六)「连接查询(上)」