Share via


IE8 如何确定文档模式

(本文系IE博客之翻译。原文请见:https://blogs.msdn.com/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx

(译者注:由于时间关系,没有办法将图解完全翻译——因为我太希望开始翻译关于IE9的内容。如有关于IE博客翻译或相关技术文章翻译的请求、建议及意见,欢迎留言。如留有联系方式,我会在必要时联系留言者,谢谢!)

本文将讨论IE8如何确定用以渲染网站的文档模式,如怪异模式(又称IE5模式)和标准模式(更多资料,英文:https://en.wikipedia.org/wiki/Quirks_mode)。该内容对于开发人员和客户来说,是很重要的。

与此相关的,是我们最近更新的兼容性视图列表。此列表内容自从去年3月IE8发布以来,已经减少了1000多个网站。从最初的3100多,减少到了现在的2000多一点。在与网站开发人员及标准制定人员的共同努力下,我们很高兴地看到需要出现在兼容性视图(CV)列表中的网站不断地在减少。

数据驱动的设计

在讨论设计细节之前,我想和大家分享一些我们用于设计兼容性体验的数据。

图:高流量网站渲染所使用的文档模式

让我们来看一下世界范围内的上千个高流量网站,如qq.com和netlog.com,以及那些最初列入兼容性视图列表中(英文资料:兼容性视图列表)的网站的doctype(wikipedia英文资料百度百科CSDN社区)和X-UA-Compatible meta标签和头部

  • 26%的网站指定使用怪异模式,如果amazon.com,tworld.co.kr和unibanco.com.br。
  • 41%的网站使用了Transitional文档类型,即准标准模式(mozilla英文资料)。
  • 14%的网站已经添加了X-UA-Compatible meta标签或HTTP响应头,从而使用IE7标准模式进行渲染。

以上的数据是可以理解的:许多高流量网站需要在尽可能多的浏览器中渲染,这就是为什么他们会使用怪异模式。许多网站有专门针对IE7的页面而且许多网站创作工具,如Aptana Studio(英文网站)和Expression Web,则默认指定使用Transitional文档类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果考虑一下网络的规模,那么将有几十亿的网页,分别指定使用怪异模式,IE7,准标准模式,或最新的标准模式。IE需要支持所有这些网站以确保世界范围内的用户拥有最好的体验。

有这些数据在手,我们设计IE8时考虑到了以下一些原则:

  1. 默认情况下,使用最标准的方式渲染网页。
    如此前(IEblog英文,未翻译)的帖子(IEBlog英文,未翻译)所明确的,我们致力于互操作性,这便意味着默认情况下,使用最标准的方式渲染网页。

  2. 用户只是期待网页在IE中正常工作。
    一小部分用户将需要改进那些在IE7标准模式中工作得最好的网站,以便使其可以工作在IE8的最标准的默认模式中。至于其他所有人,IE8提供了兼容性视图设置(IEBlog英文,未翻译)。

    在这里,最好的用户体验是一切自动地如网站设计者希望的那样工作。这就是为什么我们提供了兼容性视图列表(MSDN英文资料)。与此同样重要的是,用户可以通过兼容性视图按钮,修复那些尚未加入列表中网站。

  3. 网站开发者完全掌控他们的内容如何被渲染。
    X-UA-Compatible meta标签和头部会覆盖IE和用户的设置。他们也使网站开发者可以细粒度地调控如何在IE中渲染每一个网页。

    比如,有些网站拥有一些专门为怪异模式写的网页,而另一些则为IE7标准模式。当IE收到的X-UA-Compatible头的值为EmulateIE7时,便会相应地以怪异模式或IE7标准模式进行渲染。

  4. 给网站开发者以工具和时间,帮助他们转换到IE8标准模式。
    IE8引入了X-UA-Compatible meta标签和头部,这便给网站开发者提供了时间以转换到IE8标准模式。正如上文提到的,许多网站已经使用了这些机制来指定他们的内容必须使用IE7标准模式。

IE8如何确定文档模式的图解

给定了以上的原则,这里有四条规则明确了IE如何处理文档类型(doctype),X-UA-Compatible meta标签和头部,开发人员工具,以及兼容性视图设置。这些标准自上而下出现在下面的图解中。

  1. 开发人员工具的设置会覆盖一个标签(tab)中所显示的页面的全部文档模式。
  2. X-UA-Compatible meta标签及此后的头部,覆盖兼容性视图设置和文档类型(doctype),除非X-UA-Compatible的值是EmulateIE7或EmulateIE8。
  3. 用户的兼容性视图设置(IEBlog英文,未翻译)会覆盖微软兼容性视图列表(MSDN英文资料)。
  4. 如果没有上述规则中的任何一种可以适用,则有文档类型(doctype)将决定网页使用以下哪一种模式进行渲染:IE8标准模式,IE8准标准模式,或怪异模式。

MarcSil_IE8_Document_Mode_2

兼容性和互操作性是很复杂的。为了降低开发人员和用户使用的复杂度,我们希望看到更多的网站淘汰旧式的浏览器模式。我们也尊重网站开发人员对模式的选择。我们很高兴和网站所有者及标准组织成员继续(IEBlog英文,未翻译)提高(IEBlog英文,未翻译)IE的(IEBlog英文,未翻译)互操作性标准的实现。

非常感谢Jesse Mohrland对图解的检验。

原文作者:

Marc Sibey

Program Manager