1.定义: DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器;
2.作用: 声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
document.compatMode:
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
ps:
1. 如果你的页面没有DOCTYPE声明,那么compatMode默认是怪异模式 BackCompat,浏览器按照自己的方式解析渲染页面,那么在不同的浏览器下,存在兼容性的css可能就会显示不同的样式。
2.如果你的页面添加了<!DOCTYPE html>,就等同于开启了标准模式 CSS1Compat,那么浏览器就会按照W3C的标准解析渲染页面,这样你的页面在所有的浏览器里显示都一样。
这就是<!DOCTYPE html>的作用。
比如:关于css盒模型问题:(待完善)