HTML利用meta标签设置IE文档模式及相关知识拓展

日常项目中,为了避免兼容问题,防止某些功能或者插件不能用,会用到IE浏览器的模式设置代码。

以下是比较常用的几种用法:

content="IE=EmulateIE7" :EmulateIE7 模式遵循 <!DOCTYPE> 指令。标准模式以 IE7 标准模式显示,Quirks模式以 IE5 模式显示。

代码语言:javascript
复制
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

content = "IE=7" :无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。

代码语言:javascript
复制
<meta http-equiv = "X-UA-Compatible" content = "IE=7">

插播一条:说一下此处的 IE=7 和 IE=EmulateIE7 的区别:

IE=7 将强制 IE7 以 Internet Explorer 标准模式显示页面; IE=EmulateIE7 强制 IE7 遵循页面中的 <!Doctype> 声明。

content = "IE=8" :IE8/9都会以IE8引擎来渲染页面。

代码语言:javascript
复制
<meta http-equiv = "X-UA-Compatible" content = "IE=8">

content = "IE=edge" :IE8/9及以后的版本都会以最高版本IE来渲染页面。

代码语言:javascript
复制
<meta http-equiv = "X-UA-Compatible" content = "IE=edge">

content = "IE=Edge,chrome=1" :IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame。

代码语言:javascript
复制
<meta http-equiv = "X-UA-Compatible" content = "IE=Edge,chrome=1">

其他写法:

代码语言:javascript
复制
<meta http-equiv = "X-UA-Compatible" content = "IE=7,IE=9">
<meta http-equiv = "X-UA-Compatible" content = "IE=7,9">

国产双核浏览器:

content="webkit|ie-comp|ie-stand" :优先以 webkit 引擎(极速模式)渲染网页。

content 取值:webkit(极速模式),ie-comp(兼容模式),ie-stand(IE模式)。

代码语言:javascript
复制
<meta name="renderer" content="webkit|ie-comp|ie-stand">

IE浏览器相关知识拓展:

测试不同Internet Explorer版本的网页,Internet Explorer提供了三个属性,通常由服务器和网页用于确定浏览器版本

属性

描述

User Agent String(用户代理字符串)

Internet Explorer发送给Web服务器以标识自身的值。有关用户代理字符串的更多信息,请阅读文章了解用户代理字符串。

Version Vector(版本矢量)

条件注释中使用的值,也可用于影响层叠样式表(CSS),标记和脚本块。有关条件注释和版本向量的更多信息,请阅读文章关于条件注释。

Document Mode(文档模式)

用于确定Internet Explorer是否使用CSS,文档对象模型(DOM)和Microsoft JScript操作的最新行为,或模拟以前版本的Internet Explorer以实现兼容性的值。

通过修改这三个属性,Internet Explorer 8可以模仿不同的模式,例如Internet Explorer 8兼容性视图和Internet Explorer 7。

在“开发人员工具”菜单栏上,“ 浏览器模式”提供了以下选项,用于配置上表中列出的属性:

浏览器模式

描述

Internet Explorer 7

在此模式下,Internet Explorer 8报告用户代理,版本向量和文档模式,就像它是Internet Explorer 7.使用此模式测试Internet Explorer 7用户如何体验您的站点。

Internet Explorer 8

在此模式下,Internet Explorer 8报告用户代理,版本向量和文档模式以匹配默认浏览器行为,这是Internet Explorer 8中最符合标准的模式。使用此模式测试Internet Explorer 8用户如何体验您的网站。

Internet Explorer 8兼容性视图

在此模式下,Internet Explorer 8报告版本向量,文档模式和用户代理字符串,就像它是Internet Explorer 7一样; 但是,用户代理字符串还包括一个标记,指示浏览器确实是Internet Explorer 8.使用此模式测试Internet Explorer 8用户在Internet Explorer中选择“ 兼容性视图”选项时如何体验您的网站。

IE浏览器文档模式:

文档模式

描述

Quirks Mode(怪癖模式)

在没有呈现doctype或Quirks doctype的文档时,此行为与Internet Explorer的行为相匹配。它类似于Microsoft Internet Explorer 5的行为和Internet Explorer 6的Quirks模式行为,与Internet Explorer 7的Quirks模式相同。

Internet Explorer 7 Standards(IE7标准模式)

当呈现具有严格或未知类型的文档时,此行为与Internet Explorer 7的行为相匹配。

Internet Explorer 8 Standards(IE8标准模式)

这是Internet Explorer 8中可用的最新符合标准的行为,是Internet Explorer 8用于呈现具有严格或未知文档类型的文档的默认模式。

参考文档:

Testing Browser and Document Compatibility Modes with the Developer Tools