本文介绍了HTML5文档中DOCTYPE的作用，它用于开启标准模式，避免浏览器使用怪异模式渲染页面。在怪异模式下，盒模型的width和height包含content、padding和border，而在标准模式中，盒模型的width和height仅包含content。理解这一差异对于前端开发至关重要，特别是布局和样式计算。此外，文章还简要提及了盒模型的基本概念。
DOCTYPE
在html文档中的第一行总是
<!DOCTYPE html>
这是H5中引入的，表示开启标准模式，这个声明的目的是防止浏览器在渲染文档时，切换到我们称为“怪异模式(兼容模式)”的渲染模式。
例如在怪异模式中，盒模型会默认为怪异模型，即
width = content+padding+border
height = content+padding+border
而标准盒模型为：
width = content
height = content
具体可以参考:盒模型
232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
