其实这是个最基础的知识，我们浏览的大多数网站，或者是使用Dreamweaver创建一个新的网页时，源码的定都都会有一个DOCTYPE的声明。
但是很多人都不太注意它，以至于在创建页面时直接删除，然后导致页面出现问题，不能正常显示，而且各个浏览器的显示效果还不一样。然后我们开始无止境的调试，一开始还以为又是浏览器的兼容性问题，一边骂着万恶的IE6，一边绞尽脑汁想着到底是哪里出了问题。最后排除了几乎所有可能的问题之后，在不经意的一瞥下发现页头没有进行DOCTYPE的声明，心想会不会是这个出了问题了呢。抱着试试的态度加上一句，哪怕就是一句简单的
<DOCTYPE html>现在，就让我们看一下这个DOCTYPE到底在HTML文档中起着什么样的作用，而没有它，又能产生什么样的影响吧。
1、什么是DOCTYPE
DOCTYPE是Docutment Type 的缩写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的表示和CSS才能正常生效。
2、DOCTYPE的规则
DOCTYPE声明的写法遵循一定的规则，它指出阅读程序应该用什么规则集来解释文档中的标记。 在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。
每个dtd都包括标记、attributes、properties等内容，它们用于标记web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。
为了获得正确的DOCTYPE声明，关键就是让dtd与文档所遵循的标准对应。例如，假定文档遵循的是xhtml 1.0 strict标准，文档的doctype声明就应该引用相应的dtd。另一方面，如果doctype声明指定的是xhtml dtd，但文档包含的是旧式风格的html标记，就是不恰当的；类似地，如果doctype声明指定的是html dtd，但文档包含的是xhtml 1.0 strict标记，同样是不恰当的。
3、选择什么样的DOCTYPE
XHTML 1.0中有3种DTD（文档类型定义）声明可以选择：过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。这里分别介绍如下。
（1）过渡的
一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。过渡的DTD的写法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">（2）严格的
一种要求严格的DTD，不允许使用任何表现层的标识和属性，例如<br/>等。严格的DTD的写法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">（3）框架的
一种专门针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。框架的DTD的写法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 使用严格的DTD来制作页面，当然是最理想的方式。但是，对于没有深入了解Web标准的网页设计者，比较合适的是使用过渡的DTD。因为这种DTD还允许使用表现层的标识、元素和属性，比较适合大多数网页制作人员。
407
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
