DOCTYPE是document type (文档类型) 的缩写。<!DOCTYPE >声明位于文档的最前面，处于标签之前，它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。
严格模式：又称标准模式，是指浏览器按照W3C标准来解析代码，呈现页面
混杂模式：又称为怪异模式或者兼容模式，是指浏览器按照自己的方式来解析代码，使用一种比较宽松的向后兼容的方式来显示页面。
1. 如何区分：
1）. DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
2）. HTML5 没有 DTD(DTD的是W3C所发布的一个文档类型定义，简单的说，就是告诉浏览器你的这个HTML是根据那个标准写的，解析的时候用哪个标准解析。) ，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。
3）. 严格 DTD ——严格模式
4）. 有 URI 的过渡 DTD ——严格模式；没有 URI 的过渡 DTD ——混杂模式
2. 具体区别：
1）. width不同
严格模式下，width是内容的宽度
混杂模式下，width是元素实际的高度
2）. 在标准模式下，给span等行内元素设置width和height都不会生效，而在兼容模式下，会生效。
3）. 在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。
4）. 用margin: 0 auto，在标准模式下可以使元素水平居中，但在兼容模式下却会失效，(用text-align属性解决)
5）. 兼容模式下table中的字体属性不能继承上层的设置, white-space：pre会失效，设置图片的padding会失效。