为何在html文本第一行写 !DOCTYPE html

Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。

HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。

< !DOCTYPE > 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的,
声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
浏览器文档的解析模式（两种）

   document.compatMode：

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

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

在你的页面中加入了这个声明，你的页面在所有的浏览器里面都会按照w3c的标准来渲染界面，效果都是统一的一个；