DOCTYPE用于定义文档类型，影响浏览器以标准模式还是混杂模式解析网页。在标准模式中，浏览器遵循W3C标准，盒模型按照内容区域计算；而在混杂模式下，浏览器使用IE5.5以前的解析规则，盒模型包括内容、内边距和边框，字体样式不继承，行内元素可以设置宽高，且内容溢出处理方式不同。通过document.compatMode可判断页面解析模式。
一、DOCTYPE的作用
doctype声明用于告知浏览器的解析器用什么文档类型规范来解析这个文档。
二、什么是标准模式和混杂模式
1.混杂模式：是一种向后兼容的解析方案，是实现IE5.5以下版本浏览器的渲染模式。
2.标准模式：是指浏览器按照W3C标准来解析代码，一种严格要求的DTD（文档类型定义）。
三、标准模式和混杂模式的区别
1.盒模型
- 混杂模式按IE盒模型解析（宽度 = content+padding+border）
- 标准模式按标准盒模型解析（宽度 = content）
2.字体
- 混杂模式不会继承父元素字体样式。
3.行内元素宽高
- 混杂模式给inline元素设置宽高有效。
4.overflow
- 混杂模式内容溢出时，元素会适应内容。
- 标准模式内容溢出时，溢出可见，超出的内容在包含的元素外。
四、如何判断页面处于什么模式？
通过document.compatMode属性来判断：
CSS1Compat：标准模式
BackCompat：混杂模式
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
