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

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

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

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

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

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

<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引擎来渲染页面。

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

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

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

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

<meta http-equiv = "X-UA-Compatible" content = "IE=Edge,chrome=1">

其他写法：

<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模式）。

<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用于呈现具有严格或未知文档类型的文档的默认模式。

参考文档：

推荐阅读：
Intellij IDEA WebStorm/PhpStorm中文输入框无法跟随怎么办?
css的cursor属性鼠标指针样式
利用CSS变量实现炫酷的悬浮效果
解决老版本IE不兼容rgba的问题
HTML利用meta标签设置IE文档模式及相关知识拓展