DOCTYPE声明——标准模式与怪异模式的区别

DOCTYPE声明：告知浏览器如何解析和渲染文档
DTD：文档类型定义

分类方式一

1、标准模式：浏览器按W3C标准解析执行代码。
① 如果XHTML文档包含完整的DOCTYPE，那么它一般以标准模式呈现；
② 包含严格dtd的doctype和包含过渡dtd和URI的doctype常常导致页面以标准模式呈现；

2、怪异模式：兼容老页面。使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。
① 不存在doctype或形式不正确会导致怪异模式；
② 有过渡/框架dtd没有URI会导致页面以怪异模式呈现；
③ IE中，如果doctype声明在xml之后，会导致怪异模式。

3、近标准模式：与标准模式一致，除了在处理下面这种情况时：
如果一个块级元素除了空白文本（空格，tab等字符）外再无其它内容，则它的高度按0处理；如果有子元素，则它的高度不能比子元素大，无论它的font-size多大。

标准模式与怪异模式的区别
1） 盒模型： IE下标准模式为标准w3c盒模型【content+padding+border+margin】，怪异模式为IE盒模型【content+margin：padding与border包含在content宽高中】
2） 行内元素的垂直对齐：基于 Gecko 的浏览器【Mozilla Firefox、HotBrowser、Mozilla Suite、Camino】标准模式对齐至基线，怪异模式对齐至底部
3） 怪异模式中，IE6/7/8都不认识!important声明
4） 设置行内元素的高宽： 在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。
5） 使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。

---

分类方式二

1、严格模式：一种要求严格的DTD，不允许使用任何表现层的标识和属性。严格的DTD的写法如下：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

2、过渡模式：一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。过渡的DTD的写法如下：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3、框架模式：一种专门针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。框架的DTD的写法如下：

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">