Doctype:让浏览器知道是标准模式还是兼容模式
指示浏览器用什么文档标准去解析文档;(这个html是根据什么标准写的,4还是5)
html4要引用DTD,是因为html4基于SGML
:标准通用标记语言,而h5不基于SGML,因此不需要引用。
SGML是比HTML、XML还要古老的标准,这两者都是由SGML发展而来。
如果Doctype不存在,文档就会以兼容模式呈现。
标准模式&兼容模式(怪异模式)
标准模式会以该浏览器支持的最高标准来运行;
兼容模式会向后兼容,模拟老浏览器的行为以防止站点无法工作。
- 盒模型的处理差异:
标准css盒的宽度是内容的宽度;
而IE6之前的盒模型宽度是内容宽度+padding+border; - 行内元素的垂直对齐:
标准模式下图片与文字对齐至基线,图片与父元素的下边框之间会有空隙;
怪异模式下对齐到底部