DOCTYPE的作用是告诉HTML解析器以什么文档类型（DTD）来解析文档。

    浏览器渲染页面有两种模式（可通过document.compatMode获取）

    • CSS1Compat：标准模式（Strick mode），默认模式，浏览器使用W3C的标准解析渲染页面。在标准模式中，浏览器以其支持的最高标准呈现页面。
    • BackCompat：怪异模式(混杂模式)(Quick mode)，浏览器使用自己的怪异模式解析渲染页面。在怪异模式中，页面以一种比较宽松的向后兼容的方式显示。

    浏览器渲染页面的两种方式很容易让人联想到标准盒模型和怪异盒模型，他们的关联是：
    盒模型 - 学习 Web 开发 | MDN (mozilla.org)