<!DOCTYPE>是什么
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。那么,DOCTYPE的作用就是:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
文档的解析类型(document.compatMode)有两种模式:
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式(严格模式),浏览器使用W3C的标准解析渲染页面。
如果页面没有DOCTYPE声明,浏览器在渲染页面的时候就会使用顾阿姨模式,而各个浏览器在怪异模式下队各个元素渲染是有差别的。
关于两种模式,需要知道一下几点:
在标准化钱写的页面时没有doctype的,因此没有doctype的页面时在怪异模式下渲染的。
反过来说,如果web开发人员加入的doctype,说明他知道他所要做的事情,大部分的doctype会开启严格模式(标准模式),页面也会按照标准来渲染
任何新的或未知的doctype都会开启严格模式(标准模式)。
每个浏览器都有自己的方式来截获怪异模式。可以看看这个清单:Activating Browser Modes with Doctype
使用<!DOCTYPE html>
使用很简单,就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了