doctype的作用，标准模式和兼容模式的区别

doctype的作用：
DOCTYPE是document type (文档类型) 的缩写。

声明位于文档的最前面，处于标签之前，它不是html标签。

主要的作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。

标准模式与兼容模式的区别：
Standards—标准模式，用于呈现遵循最新标准的网页，而Quirks—兼容模式，用于呈现为传统浏览器而设计的网页。

具体的区别如下：
盒模型
在严格模式中 ：width是内容宽度，元素真正的宽度 = width;
在兼容模式中 ：width则是=width+padding+border

兼容模式下可设置百分比的高度和行内元素的高宽
在标准模式下，给span等行内元素设置wdith和height都不会生效。并且，一个元素的高度都是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的，而在兼容模式下，则会生效。

用margin:0 auto设置水平居中在IE下会失效
使用margin:0 auto在标准模式下可以使元素水平居中，但在兼容模式下却会失效。但是这个可以用text-align属性来解决的

因为在兼容模式下table中的字体属性是不能继承上层的设置的，所以white-space:pre会失效，设置图片的padding也是会失效的。

感谢大家！