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