meta http-equiv=X-UA-Compatible content=IE=edge / 的说明
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。
目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:
- <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 / 的说明相关推荐
- 标记meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1
为什么80%的码农都做不了架构师?>>> 陌生标记标记一: < meta http-equiv = "X-UA-Compatible" content ...
- IE 8兼容:meta http-equiv=X-UA-Compatible content=IE=edge / X-UA-Compatible的解释
前言:9月份开始了,大四也真正的到来了.深知自己网页布局还有很大的缺陷,接下来打算从工作中抽时间出来模仿着一些互联网公司的网站.顺便把基础理论知识打好. 第一个目标:小米官网:后续会把练习的项目放到g ...
- meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /
X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE> ...
- HTML中添加meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1
http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义 Edge模式告诉IE以最高级 模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模 ...
- 详解 meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1 /
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 这是个是 ...
- meta http-equiv=X-UA-Compatible content=ie=edge的意思
<meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码 ...
- IE兼容问题解决方案——指定文件兼容性为content=IE=Edge,chrome=1(可以解决很多的问题)
引言 偶尔做些坑爹的国企项目或者政府的web项目总是遇到一个坑爹的问题,就是要兼容IE,哪怕微软自己都抛弃IE了那些国企政府机构的老机器还是跑IE,然后经过一番协调一般会指定一个版本至少兼容某个版本以 ...
- NLTK基础教程学习笔记(二)
Python基础: 字典(dictionary)也是最常用到的一种数据结构.在其他语言中被称为关联数组/存储.字典是一种键值索引型的数据结构,其索引键可以是一种不可变的类型,例如字符串和数字常被用来充 ...
- NLTK01 《NLTK基础教程--用NLTK和Python库构建机器学习应用》
01 关于NLTK的认知 很多介绍NLP的,都会提到NLTK库.还以为NLTK是多牛逼的必需品.看了之后,感觉NLTK对实际项目,作用不大.很多内容都是从语义.语法方面解决NLP问题的.感觉不太靠谱. ...
最新文章
- Sublime3快捷键大全
- python在路径里添加变量_想学Python?那就先从头开始吧!
- 检验例题_高考必考|化学工艺流程之物质的分离提纯及检验鉴别,轻松拿分
- derby mysql 同步_[Derby]数据库操作说明
- SASS 的相关函数
- c语言机考答案,全国计算机等级考试C语言上机试题题库(内附答案)
- hdu 1718 Rank
- 拓扑排序Topological Sorting
- 【NIPS 2018】循环World模型促进策略演变
- C#获取 Flv视频文件播放时间长度等信息
- 初学者:关于html中的text-align文本居中属性详解
- jupyter notebook修改黑色背景和字体大小
- BERT知识点汇总(en cour...)
- 汉诺塔c语言执行步骤详解,详解汉诺塔执行过程
- VMware 搭建大数据测试平台(CDH6.2.1)
- 现在准备看《金赛性学报告》
- P5108 仰望半月的夜空
- 记忆中永不消逝的香椿芽儿的香味·《晚唱·贾平凹》
- kubernetes开发环境的比较
- TXT格式小说实现分章节
热门文章
- 学python的正确方法_学习Python最正确的步骤(0基础必备)
- git fetch 与 git pull
- java 发送数据_用JAVA模拟POST发送数据
- python2与_python2和python3的区别
- Qt界面制作(QSS、获取屏幕分辨率、自定义控件、版权)
- Python实现HTTP服务器(四)单进程线程非阻塞实现多任务
- oracle存储sql片段引入_强大的跨数据库访问组件 UniDAC使用教程:注释和SQL函数...
- php mysql 持久连接_PHP MySQL连接持久性
- java为学生s1的age属性_求解java程序,题目如下
- mysql交叉查询教程_史上最简单的 MySQL 教程(二十六)「连接查询(上)」