兼容性模式
用于定义让IE如何编译页面
不同浏览器识别X-UA-Compatible的值来决定使用何种方式对页面进行渲染,以此达到同一页面在不同浏览器下正常显示的效果,即新的浏览器会按照新的标准渲染页面,而旧浏览器会按照旧标准渲染
IE6时代是如何做到兼容的
若一个网页没有包含<!DOCTYPE>指令,IE6会将它以quirks mode显示。
若网页包含有效的<!DOCTYPE>指令但浏览器无法辨识,IE6会将它以IE6 standards mode显示。
因为少数网站已经包含<!DOCTYPE>指令,兼容性模式的切换相当成功。这使网页开发人员能选择将他们的网页转移为standards mode的最佳时机。
如何使用X-UA-Compatible
x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用
编写多行X-UA-Compatible时只会识别第一行
- content指定单个值
例如<meta http-equiv="X-UA-Compatible" content="IE=8" />
表示IE浏览器都以IE8及以上版本都以IE8模式渲染网页 - content指定多个值
浏览器会找到适合自己最高的模式渲染页面
例如<meta http-equiv="X-UA-Compatible" content="IE=8; IE=9" />
在IE8下会使用IE8模式渲染,在IE9下则选择IE9模式渲染页面,这样一来页面可以适应未来的高版本浏览器