DOCTYPE声明：浏览器呈现模式解析与应用

165 浏览量更新于2024-08-31 收藏 112KB PDF 举报

DOCTYPE声明是HTML和XML文档中的一个重要组成部分，它告诉浏览器如何解释和渲染文档。在本文中，我们将深入探讨DOCTYPE声明的作用、浏览器的呈现模式以及doctype声明与浏览器行为的关系。首先，DOCTYPE声明的作用在于定义文档类型，从而引导浏览器选择正确的解析模式。浏览器通常有三种呈现模式：标准模式（Standards）、兼容模式（Quirks）和几乎标准模式（AlmostStandards）。标准模式主要用于解析遵循最新HTML或XHTML标准的文档，确保网页结构的正确性和一致性。兼容模式则是为了支持那些不完全符合标准，但仍能在旧版浏览器中正常工作的网页。如果doctype未明确指定或指定了较早版本，浏览器会默认进入兼容模式。在实践中，doctype切换并非总是无缝进行。浏览器可能会遇到doctype声明的形式错误，或者遇到XML文档的<?xml>声明，导致doctype意图被忽视。例如，IE、Opera和早期版本的Safari期望doctype声明位于文档的第一行。这意味着开发者必须确保doctype声明的位置准确且无误，同时还要注意doctype内容的正确性，如使用<!DOCTYPE html>声明表示一个HTML5文档。 doctype的正确使用至关重要，尤其是在现代开发中，随着浏览器对标准的支持逐渐增强，遵循标准的文档将更易于维护和跨浏览器兼容。然而，对于那些历史遗留的、不符合标准的网页，doctype声明仍然是确保这些网页在旧版浏览器中至少能够基本工作的关键因素。 DOCTYPE声明是开发人员控制浏览器行为、实现文档一致性和兼容性的工具。理解并正确应用doctype，有助于创建出在新旧浏览器中都能良好展示的网站。在编写HTML或XHTML文档时，务必确保doctype声明清晰、规范，以避免潜在的渲染问题。

DOCTYPE声明作用及用法详解声明作用及用法详解

很多朋友不知道DOCTYPE声明的作用，特为大家搜索整理了这篇文章，希望对需要的朋友有所帮助。

一、浏览器呈现模式和一、浏览器呈现模式和doctype

有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那

些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏

览器中正确显示（虽然呈现方式可能有所区别）。这是什么原因呢？事实上，假如严格遵循最新标准，会完全破坏那些页的生

存基础。对于任何希望有所作为的浏览器来说，这当然是令人无法接受的。

浏览器呈现模式

现代浏览器包括不同的呈现模式，目的是既支持遵循标准的网页，也支持为老式浏览器而设计的网页。其中， Standards

（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks （包容）模式（也就是松散呈现模式或者兼

容模式）用于呈现为传统浏览器而设计的网页。另外，注意Mozilla/Netscape 6新增了一种 Almost Standards （近似标准）模

式，用于支持为标准的某个老版本而设计的网页。

什么是 doctype切换？

放在网页顶部的doctype声明是让浏览器进入正确呈现模式的关键。浏览器自动切换到恰当的呈现模式，以便正确显示由

doctype声明所指定的文档种类。

理论上，这应该是一个非常直观的切换。假如doctype指出当前网页是一个遵循标准（也就是HTML 4+或XHTML 1+）的文

档，浏览器就会切换到Standards模式。假如没有指定doctype，或者指定HTML 3.2以及更老的版本，浏览器就切换到Quirks

模式。这样一来，浏览器既能正确显示遵循标准的文档，又不至于完全舍弃老式的、与标准不符的网页。

doctype切换的问题

但是，doctype切换是一个不完善的方案。即使你在Web文档中使用了一个doctype声明，浏览器也可能不会采取你希望的

呈现模式来显示网页。原因是多方面的，包括形式错误的doctype，以及不同<?xml version="1.0" encoding="UTF-8"?>) 开

头，其中包括XHTML网页。然而，IE，Opera和旧版Safari都希望文档的第一行是doctype声明。所以，如果在它之前还有其

他任何东西（包括XML prolog），就无法识别doctype。因此，XML prolog的存在会使IE，Opera和Safari进入Quirks模式。

XML prolog并非必需的，所以你可在XHTML网页中安全地省略它。注意：一定要在http-equiv meta标记中包括一个charset属

性，以弥补XML prolog中缺失的encoding属性。

丢失的URL或者相对URL：

在完整的doctype声明中，要包括相应的文档类型定义（DTD）文件的URL。如果URL丢失，或者指定的是一个相对路径

（而不是完全限定的Internet地址），大多数浏览器都会进入Quirks模式，不管doctype声明规定的是什么模式。

形式错误的doctype ：

浏览器对doctype声明的形式和格式非常敏感，如果不能识别一个形式错误的doctype，就会强制进入Quirks模式（正是因

为这个原因，所以我们建议将一个已知正确的doctype拷贝和粘贴到文档中，而不是亲自输入它）。之所以出现形式错误的

doctype，一个常见的原因是在doctype 的第一部分与URL之间缺少一个空格。将一个分两行的doctype折叠成单独一行，常常

会丢失那个空格。

过渡期的 doctype ：

浏览器处理过渡期的doctype时，最容易出现不一致的问题。IE和Opera使用Standards模式；Netscape 6和旧版本的

Safari使用Quirks模式；Netscape 7、Mozilla 1和新版本的Safari使用Netscape的Almost Standards模式，它是Standards模式

的一个具有更好容错性的版本。

未知的 doctype ：

浏览器在处理不能识别的doctype时，也存在不一致的现象。IE和Opera会进入Standards模式；换言之，它假定不能识别

的doctype 是尚未在浏览器中集成的一个新标准。Netscape 6则相反，会在遇到不能识别的doctype时切换到Quirks模式。

doctype切换也许是让浏览器进入正确呈现模式并正确显示网页的一种有效手段，前提是你注意到了各种浏览器的不一

致，并能积极主动地避免各种问题。

二、使用正确的二、使用正确的doctype声明声明

我们平时在做页面的时候可能会忽视这一点（包括鄙人，通常都是懒于不写而使用浏览器默认），随着目前网页编码规范

化热潮的到来，大家都有必要了解一下这个细节，会有用处的。俗话说没有规矩不成方圆呢。

虽然大多数Web文档的顶部都有doctype声明，但很多人都没有注意它。它是在你新建一个文档时，由Web创作软件草率

处理的众多细节之一。虽然 doctype被许多人忽视，但在遵循标准的任何Web文档中，它都是一项必需的元素。doctype会影

响代码验证，并决定了浏览器最终如何显示你的 Web文档。

doctype的作用

doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校

验器这样的一个程序，“规则”则是W3C所发布的一个文档类型定义（DTD）中包含的规则。

每个DTD都包括一系列标记、attributes和properties，它们用于标记Web文档的内容；此外还包括一些规则，它们规定了

哪些标记能出现在其他哪些标记中。每个Web建议标准（比如HTML 4 Frameset和XHTML 1.0 Transitional）都有自己的

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38595606

粉丝: 6
资源: 905

DOCTYPE声明：浏览器呈现模式解析与应用

html标签大全标签用法详解

DOM4J使用详解

DOCTYPE模式选择：跨浏览器行为详解

Vue数字输入框组件使用方法详解

linux 下xml 使用方法的详解。

HTML使用详解

HTML语言详解 HTML语言详解HTML语言详解

DOCTYPE详解：定义、W3C规范与应用

HTML面试题解析：DOCTYPE、模式与HTML5差异详解

XHTML1.0与CSS布局详解：DOCTYPE选择与应用

最新资源