用doctype激活浏览器模式

2009-06-26 10:19:00 DOCTYPE,浏览器模式,激活 DesignTimes网页教程 网友评论

为了处理根据Web标准创作的网页和根据盛行于20世纪90年代末的旧时实践创作的网页,当代的Web浏览器实现了各种不同的引擎模式。本文说明了那些模式是什么以及如何触发它们。

原文:Henri Sivonen的Activating Browser Modes with Doctype

文档范围

本文包括的模式转换(mode switching)适用于Firefox和其他基于Gecko的浏览器,Safari、Chrome和其他基于Webkit的浏览器,Opera、 Konqueror、Mac版Internet Explorer、Windows版Internet Explorer和内嵌IE的浏览器。避免提及浏览器引擎的名字,取而代之的是使用该引擎最知名浏览器的名字。

本文着重介绍模式的选择机制,而不是记录每个模式的确切行为。

模式

以下是各种不同的模式:

内容类型为text/html的模式

text/html内容的模式选择取决于doctype嗅探(doctype sniffing,本文后面有讨论)。在IE8中,模式也取决于其他因素。然而在IE8的默认情况下,那些不在微软提供黑名单上的非局域网(non- intranet)站点的模式取决于文档类型。

再怎么强调每个浏览器中模式精确行为的不同也是不过分的,即使本文中进行了统一的讨论。

怪癖模式(Quirks Mode)
怪癖模式中,为了避免“破坏”那些根据盛行于20世纪90年代末的旧时实践创作的页面,浏览器违背了当代的Web格式规范。不同的浏览器实现了不同的怪癖行为。Internet Explorer6、7和8中,怪癖模式有效地冻结在IE5.5 。其他浏览器中,怪癖模式是对几乎标准模式的少量偏移。
如果正在创作新网页,你应该符合相关的规范(特别是CSS2.1)且使用标准模式。
标准模式(Standards Mode)
标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。
不同的浏览器遵循不同的阶段,所以标准模式也不是一个单一目标。
HTML5把这种模式叫“非怪癖模式(no quirks mode)”
几乎标准模式(Almost Standards Mode)
irefox、Safari、Chrome、Opera(从7.5开始)和IE8也有个叫“几乎标准模式”的模式,它按照传统的做法来实现表格单元格的垂直尺寸而不是严格的遵照CSS2规范。Mac IE5、Windows IE6和7、Opera7.5以前版本和Konqueror无需几乎标准模式,因为它们至少没有在各自的标准模式下严格遵循CSS2规范来实现表格单元格垂直尺寸。实际上,它们的标准模式更接近Mozilla的几乎标准模式而不是Mozilla的标准模式。
HTML5把这种模式叫着“受限怪癖模式(limited quirks mode)”。
IE7模式
IE8有个模式主要是冻结了IE7标准模式的副本。其他浏览器没有像这样的模式,且该模式也未被HTML5指定。

内容类型为application/xhtml+xml的模式(XML模式)

Firefox、Safari、Chrome和Opera中,application/xhtml+xml HTTP内容类型(不是meta元素也不是doctype!)会触发XML模式。在XML模式中,浏览器尝试给XML文档在规范上的正确处理达到在制定浏览器中的程度。

E6、7和8不支持application/xhtml+xml,Mac IE5也如此。

基于WebKit的Nokia S60 浏览器中,application/xhtml+xml HTTP内容类型不能触发XML模式,因为在移动的围墙花园(mobile walled gardens)中关注点是对不规范内容的兼容性。(旧式的“移动浏览器”无法使用真正的XML解析器,因为不规范内容已被标记为XML。)

由于没有充分地测试Konqueror,我无法确切说出在这个浏览器中会发生什么。

 1/5    1 2 3 4 5 下一页 尾页

TAGS:用do
昵称: 验证码: 验证码
  • 平面
  • 地产
  • 室内
  • 包装
  • 标志
  • 摄影
您当前的位置:首页 > 设计教程 > 网页教程

related links / 相关文章

    无相关信息

writer's articles / 作者其他文章

  1. JavaScript的陷阱
  2. 连续字符自动换行的解决方案
  3. border-radius与圆角

update / 栏目更新

  1. IE下img多余5像素空白解决方法
  2. 用doctype激活浏览器模式
  3. safari 4 新特性
  4. 全方位清理浮动
  5. 分享我们的select控件设计过程
  6. 九宫格基本布局
  7. :hover在IE6下的问题
  8. 如何在 IE 中使用 HTML5 元素
  9. 为您解读CSS优先级
  10. 牢不可破的九宫格布局

designers show / 设计秀

  1. 32个基于网格布局的网页欣赏
  2. 80款大背景图片的网站设计欣赏
  3. 32个基于网格布局的网页欣赏
  4. 形意达设计作品――长城纪念品
  5. 50个极具启发性的创意音乐海报
  6. 32个基于网格布局的网页欣赏
  7. 25个运用3D效果的FLASH网站欣赏
  8. 38个水平布局网站设计
  9. 25个运用3D效果的FLASH网站欣赏
  10. 38个水平布局网站设计

design edu / 设计教程