让你的网站IE8浏览自动用IE7兼容模式( 三 )


meta http-equiv=X-UA-Compatible content=IE=a !-- IE5 mode --

!-- This header mimics Internet Explorer 7 and uses
!DOCTYPE to determine how to display the Web page --
meta http-equiv=X-UA-Compatible content=IE=EmulateIE7
注意: 前面的范例显示单独的内容值 。实际上IE只会执行网页中第一个X-UA-Compatible标头 。

你也可以使用内容属性来指定复数的文件兼容性模式,这能帮助确保你的网页在未来的浏览器版本都能一致的显示 。欲设定复数的文件模式,请设定内容属性以判别你想使用的模式 。使用分号来分开各个模式 。

如果一个特定版本的IE支持所要求的兼容性模式多于一种,将採用列于标头内容属性中最高的可用模式 。你可以使用这个特性来排除特定的兼容性模式,虽然并不推荐这样做 。举例来说,下列标头即会排除IE7 mode 。

meta http-equiv=X-UA-Compatible content=IE=5; IE=8 /
结论

兼容性对于网页设计师来说是非常重要的顾虑 。虽然最好是可以建立一个完全不需依赖任何网页浏览器特性或功能的网站,有时候这是不可能实现的 。文件兼容性模式便能将网页限制在某个特定版本的IE中 。

使用X-UA-Compatible标头来指定你的页面支持的IE版本 。使用document.documentMode判定页面的兼容性模式 。

选择支持某个特定版本的IE,你可以确保你的页面在未来的浏览器版本中也能有显示的一致性 。


1.meta http-equiv=X-UA-Compatible content=IE=5 /
像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似 。

2.meta http-equiv=X-UA-Compatible content=IE=7 /
无论页面是否包含 !DOCTYPE 指令,都像是使用了 Windows Internet Explorer 7 的标准模式 。

3.meta http-equiv=X-UA-Compatible content=IE=8 /

4.meta http-equiv=X-UA-Compatible content=edge /
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了锁定模式 。

5.meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /
EmulateIE7 模式通知 Windows Internet Explorer 使用 !DOCTYPE 指令确定如何呈现内容 。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示 。与 IE7 模式不同,EmulateIE7 模式遵循 !DOCTYPE 指令 。对于多数网站来说,它是首选的兼容性模式 。

推荐阅读