`
rmzdb
  • 浏览: 78343 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

【转】IE的文档模式

 
阅读更多

本文将讨论IE8如何确定用以渲染网站的文档模式,如怪异模式(又称IE5模式)和标准模式(更多资料,英文:http://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" "http://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

引用:http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx

分享到:
评论

相关推荐

    文档模式与IE浏览器模式

    “兼容性视图”涉及两个重要的功能便是“浏览器模式”和“文档模式”,本文将简单的介绍这两个模式的区别。

    IE11停用后EDGE兼容模式切换指南.pdf

    所有文档模式和企业模式,ActiveX 控件(例如 Java 或 Silverlight),浏览器帮助程序对象,影响安全区域设置和内核 模式的 Internet Explorer 设置和组策略,用于 IE 的 F12 开发人 员工具(与 IEChooser 一起启动...

    IE8浏览器如何确定文档模式.docx

    IE8浏览器如何确定文档模式.docx

    JS获取IE版本号与HTML设置IE文档模式的方法

    JavaScript获取IE版本代码: var gIE = getIE(); alert&#40;gIE.version&#41; function getIE() { var rmsie = /(msie) ([\w.]+)/; var ua = navigator.userAgent.toLowerCase(); var match = rmsie.exec&#40;...

    IE8兼容模式设置方法

    由于有些JAVA项目需要设置兼容模式才能正常运行,此文档描述IE8兼容模式设置方法。

    ext3与ie9不兼容的问题

    ext3与ie9不兼容的问题

    ReprotView2012.rar RDLC报表IE11非兼容模式不显示解决方案(含说明文档)

    RDLC报表IE11非兼容模式不显示解决方案 替换步骤: 1、按先后顺序,依次安装新版本RDLC报表所需的运行环境,如下2个文件: a)1.SqlSysClrTypes2012.msi b)2.ReportViewer2012.msi 2、将本目录bin文件夹中的3个dll...

    IE6升级到IE9兼容性问题和操作手册

    本文档内容涵盖:IE6升级到IE9过程中Javascript, DOM, HTML, CSS等方面的变化和调整。 概述 2 第一章:HTML 3 第一节:IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素,会...

    IE兼容模式怎么设置.pdf

    本文档提供给初级电脑维护人员,如何设置IE浏览器的兼容性设备。

    IE5,IE6,IE7,IE8的css兼容性列表

    IE5,IE6,IE7,IE8的css兼容性列表,不压缩不让上传,是doc文档,欢迎大家补充 IE5,IE6,IE7,IE8的css兼容性列表,不压缩不让上传,是doc文档,欢迎大家补充

    内部文档管理系统 文档管理

    程序严格遵守MVC模式,使用DIV+CSS技术进行页面布局,程序内使用到纯JS脚本写的省市级联列表(数据来自XML)与日历控件,IE与FF完全兼容。 如有需要,欢迎下载使用,如有问题,请及时反馈,不胜感激!!

    解决各种IE兼容问题_IE6_IE7_IE8_IE9_IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 ...这句话的意思是强制使用IE7模式来解析网页代码!

    IE8如何定义浏览器工作模式避免网页显示混乱

    随着IE8 beta1的发布,发现连sina有显示问题,由于IE8 对标准的“良好”执行,当 XHTML 文档使用 Transitinal 类型时,会自动选择 Quirks 模式,即 IE5 的模式来解析,所以也就不难理解为何大多数站点会遭遇显示问题...

    BizHelp联机帮助文档制作系统

    支持常见的浏览器种类,如IE,firefox等 *.支持静态内容发布模式,静态发布可生成纯HTML文档格式,可脱离WEB服务器运行环境,独立提供服务,以离线的方式浏览帮助文档,这种方式下特别适合CD打包发布 *.支持动态...

    BizHelp在线帮助文档制作系统V2.6.6

    支持常见的浏览器种类,如IE,firefox等 .支持静态内容发布模式,静态发布可生成纯HTML文档格式,可脱离WEB服务器运行环境,独立提供服务,以离线的方式浏览帮助文档,这种方式下特别适合CD打包发布 .可发布为PDF...

    适合web应用的帮助文档制作系统(helppad online author 1.1.35)

    3.支持常见的浏览器种类,如IE,firefox等 4.支持静态内容发布模式,静态发布可生成纯HTML文档格式,可脱离WEB服务器运行环境,独立提供服务,以离线的方式浏览帮助文档,这种方式下特别适合CD打包发布 5.支持动态...

    有数bizhelp帮助文档在线制作软件

    4. 支持常见的浏览器种类,如IE,firefox等。 5. 支持静态内容发布模式,静态发布可生成纯HTML文档格式,可脱离WEB服务器运行环境,独立提供服务,以离线的方式浏览帮助文档,这种方式下特 别适合CD打包发布。 6. ...

    reportViewer报表使用文档

    图文说明ReportViewer,很强大,可以产生图文报表,并可分页打印

    科翰SOAOffice领导签字手写批注痕迹保留文档控件v4.1(免费).rar

    能够在浏览器窗口中直接编辑Word、Excel、Powerpoint、Viso、WPS等文档并保存到Web服务器上,实现了本地办公与网络办公的无缝整合,彻底解决了B/S模式下的电子政务/办公自动化等系统对常用Word、Excel等文档无法在线...

Global site tag (gtag.js) - Google Analytics