!DOCTYPE html 的作用

1.定义： DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器；

2.作用： 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

document.compatMode：

BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。

CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

ps: 

1. 如果你的页面没有DOCTYPE声明，那么compatMode默认是怪异模式 BackCompat，浏览器按照自己的方式解析渲染页面，那么在不同的浏览器下，存在兼容性的css可能就会显示不同的样式。

2.如果你的页面添加了那么，那么就等同于开启了标准模式 CSS1Compat，那么浏览器就会按照W3C的标准解析渲染页面，这样你的页面在所有的浏览器里显示都一样。

这就是的作用。

 

比如：关于css盒模型问题：（待完善）