<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> 文档的内容...... </body> </html>
作用
声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode，两种可能的返回值：BackCompat和CSS1Compat。解释如下：
①BackCompat Standards-compliant mode is not switched on. (Quirks Mode)：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
②CSS1Compat Standards-compliant mode is switched on. (Standards Mode)：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用，但若没有DOCTYPE的声明，那么compatMode默认值为BackCompat,即浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
如果页面添加了<!DOCTYPE>声明，那么就等同于标准兼容模式开启，浏览器就会按照W3C的标准解析渲染页面，这样你的页面在所有的浏览器里显示的就都是一个样子。
一般，出现这种“怪异”多是对于盒模式（即CSS框模型-Box Model，规定了元素框处理元素内容、内边距、边框和外边距的方式）的解析。
定义和用法
<!DOCTYPE> 声明必须是 HTML文档的第一行，位于 <html> 标签之前
<!DOCTYPE> 声明不是 HTML 标签；它是指示web浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE>声明引用 DTD，因为 HTML 4.01基于SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。