怪异模式和DTD

在标准模式中，浏览器根据规范表现页面；而怪异模式通常模拟老式浏览器（比如Microsoft IE4　和Netscape Navigator4）的行为以防止老站点无法工作．这两种模式的差异较大，比较典型的就是IE对盒模型的解析：在标准模式中，网页元素的宽度是由padding/border/width三者的宽度相加决定的；而在怪异模式中，widht本身就包括了padding和border的宽度．此外，标准模式下块级元素的经典的居中方法－－设定width，然后margin-right:auto，margin-left:auto;　在怪异模式下也无法正常工作．
同样的代码，为了确保向后兼容，浏览器厂商发明了标准模式和怪异模式这两种方法来解析网页．在怪异模式和标准模式下的表现很可能相差甚远．因为发明怪异模式的目的就是为了兼容老式浏览器下的代码，它的很多解析方式是不符合标准的．所以，一般情况下，我们应该避免触发怪异模式，应选用标准模式．
怪异模式是如何被触发的呢？与DTD有关．DTD全称Document Type Definition，即文档类型定义．DTD是一种保证HTML文档格式正确的有效方法，可以通过比较HTML文档和DTD文件来看文档是否符合规范，以及元素和标签使用是否正确．一个DTD文档包含元素的定义规则、元素间关系的定义规则、元素可使用的属性、可作用的实体或符号规则．
在网页中最常用的DTD类型包括4种：
（1）用于HTML4.01的严格型：strict
（2）用于HTML4.01的过渡型:Transitional
（3）用于XHTML1.0的严格型
（4）用于XHTML1.0的过渡型
按照W3C的标准，我们需要在HTML的最开始声明文件的DTD类型．如果漏写DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中（包括IE6/7/8）就会触发怪异模式．为了避免怪异模式给我们带来不必要的麻烦，我们要养成书写DTD声明的好习惯