一、DOCTYPE的作用
doctype声明用于告知浏览器的解析器用什么文档类型规范来解析这个文档。
二、什么是标准模式和混杂模式
1.混杂模式：是一种向后兼容的解析方案，是实现IE5.5以下版本浏览器的渲染模式。
2.标准模式：是指浏览器按照W3C标准来解析代码，一种严格要求的DTD（文档类型定义）。
三、标准模式和混杂模式的区别
1.盒模型
- 混杂模式按IE盒模型解析（宽度 = content+padding+border）
- 标准模式按标准盒模型解析（宽度 = content）
2.字体
- 混杂模式不会继承父元素字体样式。
3.行内元素宽高
- 混杂模式给inline元素设置宽高有效。
4.overflow
- 混杂模式内容溢出时，元素会适应内容。
- 标准模式内容溢出时，溢出可见，超出的内容在包含的元素外。
四、如何判断页面处于什么模式？
通过document.compatMode属性来判断：
CSS1Compat：标准模式
BackCompat：混杂模式
版权声明：本文为Wgnst原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。