!DOCTYPE html 的作用

1. 定义：

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

2.作用

声明文档的解析类型（document.compatMode），避免浏览器的怪异模式。 document.compatMode： BackCompat: 怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat:标准模式，浏览器使用W3C的标准解析渲染页面。

PS：

1. 如果你的页面没有DOCTYPE声明，那么comparMode默认是怪异模式 BackCompat，浏览器按照自己的方式解析渲染页面，那么在不同的浏览器下，存在兼容性的css可能就会显示不同的样式。
2. 如果你的页面添加了!DOCTYPE html，就等同于开启了标准的模式 CSS1Compat，那么浏览器就会按照W3C的标准解析渲染页面，这样你的页面在所有的浏览器里显示都一样。

这就是 !DOCTYPE html 的作用。