为页面添加正确的doctype声明-W3C标准

jason.hsu

浏览: 33764 次
性别:
来自: 温州

最近访客更多访客>>

孤山君

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html&csss&js

XHTML 浏览器 HTML XML Mobile

用dw设计网页时,代码最前面总要出现一个下面的东东，

<!doctype html public "-/w3c/dtd html 4.01 transitional/en"

"http://www.w3.org/tr/html4/loose.dtd">

这个是dw自动在网页文件页增加了dtd信息（DOCTYPE声明），可以删。删除后，浏览器会使用的默认dtd。

很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。所以，如果你不注意设置了错误的DOCTYPE，结果可能会令页面出现错误。

doctype的作用

doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。

每个dtd都包括一系列标记、attributes和properties，它们用于标记web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。

假如文档中的标记不遵循doctype声明所指定的dtd，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。对于标记不一致的问题，浏览器相较于校验器来说更宽容。但是，不正确的doctype声明经常导致网页不正确显示，或者导致它们根本不能显示。

选择正确的doctype

为了获得正确的doctype声明，关键就是让dtd与文档所遵循的标准对应。例如，假定文档遵循的是xhtml 1.0 strict标准，文档的doctype声明就应该引用相应的dtd。另一方面，如果doctype声明指定的是xhtml dtd，但文档包含的是旧式风格的html标记，就是不恰当的；类似地，如果doctype声明指定的是html dtd，但文档包含的是xhtml 1.0 strict标记，同样是不恰当的。

有的时候，也可以根本不使用一个doctype声明。如果没有指定有效的doctype声明，大多数浏览器都会使用一个内建的默认dtd。在这种情况下，浏览器会用内建的dtd来试着显示你所指定的标记。对于一些临时性的、匆忙拼凑的文档（这种文档有许多），你确实可以考虑省略doctype声明，并接受浏览器的默认显示。

然而，由于大多数web文档都需要遵循由w3c发布的某个国际公认的web标准，所以那些文档通常都要包含以下标准doctype声明之一：

html 2（数字2代表版本号）：

<!doctype html public "-/ietf/dtd html 2.0/en">

html 3.2：

<!doctype html public "-/w3c/dtd html 3.2 final/en">

——————————————————————————————

html 4.01 strict：

<!doctype html public "-/w3c/dtd html 4.01/en"

"http://www.w3.org/tr/html4/strict.dtd">

html 4.01 transitional：

<!doctype html public "-/w3c/dtd html 4.01 transitional/en"

"http://www.w3.org/tr/html4/loose.dtd">

html 4.01 frameset：

<!doctype html public "-/w3c/dtd html 4.01 frameset/en"

"http://www.w3.org/tr/html4/frameset.dtd">

——————————————————————————————

xhtml 1.0 strict：

<!doctype html public "-/w3c/dtd xhtml 1.0 strict/en"

"http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">

xhtml 1.0 transitional：

<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en"

"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

xhtml 1.0 frameset：

<!doctype html public "-/w3c/dtd xhtml 1.0 frameset/en"

"http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">

——————————————————————————————

xhtml 1.1：

<!doctype html public "-/w3c/dtd xhtml 1.1/en"

"http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">

xhtml 1.1 plus mathml plus svg：

<!doctype html public

"-/w3c/dtd xhtml 1.1 plus mathml 2.0 plus svg 1.1/en"

"http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

（说明一下，XHTML 1就是HTML 4.01的XML化，是一种不向前兼容的格式，未来的XHTML 2也不会向后兼容。）

大家可以仔细看看上边三句代码的不同之处，他们代表了三种不同的XHTML文档类型。

Transitional类型：是指一种过渡类型，使用这种类型浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。这种是现在通用的方法，用dreamweaver创建网页时默认就是这种类型。

Strict类型：严格类型，使用时浏览器将相对严格，不允许使用任何表现形式的标识和属性，如在元素中直接使用bgcolor背景色属性等。

Frameset类型：框架页类型，如果网页使用了框架结构，就有必要使用这样的文档声明。

那么应该选择哪个？我相信很多人，尤其是接触了网页标准（Web Standards）的人，会毫不犹豫地选择XHTML 1.0 Transitional。这是一股趋势，这是一股潮流，暗示着，嘿嘿，伙计，看见没，我们的网站使用最新技术构建了……

这里有一个很有趣的统计，使用XHTML 1.0 Strict和Transitional的占绝大多数，且对半开。那么，这个世界就那么美好了吗？

我们先来看看W3C的建议，总结出下表：

Media types summary for serving XHTML documents
Media Type	text/html	application/xhtml+xml	application/xml	text/xml
HTML 4	SHOULD	MUST NOT	MUST NOT	MUST NOT
XHTML 1.0 (HTML Compatible)	MAY	SHOULD	MAY	MAY
XHTML 1.0 (other)	SHOULD NOT	SHOULD	MAY	MAY
XHTML Basic	SHOULD NOT	SHOULD	MAY	MAY
XHTML 1.1	SHOULD NOT	SHOULD	MAY	MAY
XHTML + MathML	SHOULD NOT	SHOULD	MAY	MAY

前面说到，XHTML 1实际上是HTML 4.01的XML化。即时看起来，写起来，用起来都很像，但这是两种不同的规范。XHTML的MIME-TYPE应该是application/xhtml+xml，而HTML应该是text/html。两者有何不同，简单的说，application/xhtml+xml属于XML，所以行为遵循一切XML规范，最重要的是良构（Well-Formed）这一点。

除了XHTML 1.0 Transitional和Frameset，我们可以看到，XHTML 1.0 Strict和1.1都SHOULD使用application/xhtml+xml。然而，我们可以看到，前面提到的那个统计，并没有多少个网站使用application/xhtml+xml，可以说他们是扯虎皮做大旗而已，它们非良构的内容依然可以通过支持application/xhtml+xml的浏览器（如Firefox, Opera）来展现，因为它们本质上还是text/html，而text/html并不需要良构。

可以看到，XHTML 1.0 Transitional的地位很暧昧，它的Transitional 使得其MAY text/html，SHOULD application/xhtml+xml。也就是说，怎么处理，实际上交由客户端（client side）来决定。在我所见到的桌面浏览器中，它们都毫不犹豫地选择text/html，这跟它们一贯的宽容风格保持一致。

但是很不幸的是，就有这么一个浏览器，Opera for mobile，从8.0开始，凡是声明了XHTML的Doctype，它都一律以application/xhtml+xml来处理。所以，你那不良构的网站，只好在它上面显示出错信息。

所以，推荐使用XHTML 1.0 Transitional，是鼓励你从HTML向XHTML转化，且保持过渡性。但过渡性并不代表你就可以不重视XML的良构。

实际上，我们并没有能够发现XHTML 1.0 Transitional跟HTML 4.01 Strict有何不同，除了一个target，一些过时的表现标签和属性（attribute）。只要我们在HTML中不写作那些XHTML中不存在的标签和属性，我们实际上就是在写XHTML 1.0 Transitional，对我们并没有什么影响，什么XML的优越性完全不能在XHTML 1.0 Transitional中体现出来，所以与其让Opera for mobile（或许还有其他变数）不能工作，还不如选择HTML 4.01 Strict。当然，如果您能保证你的XHTML 1.0 Transitional 百分百良构，使用它是一个更佳的选择。然后，请你告诉我，世界上，使用了XHTML 1.0 Transitional的网站，非首页的其他页面能有多少个是能够通过验证的？

结论是，如果你没有勇气保证整个站点百分百良构，请使用HTML 4.01 Strict；如果您有勇气保证整个站点百分百良构，您可以直接选择XHTML 1.1。

分享到：