HTML标准模式和怪异模式

标准模式（strict mode）和怪异模式（quirks mode）：

所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。标准模式是W3C出台标准之后才出现的，也就是说在W3C标准出台之前，浏览器一直运行在怪异模式。

从HTML的角度说：
主要是指HTML头部的差别，这点体现在HTML5中应该已经不再重要了。
如果为怪异模式,则头部有两种方式：
<!DOCTYPE PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN>或者什么都不设置
如果为标准模式，根据使用协议的不同分别提供了传统型，严格型，框架型3种头部，具体表达式请参考W3C发布的标准：http://hsivonen.iki.fi/doctype/


从CSS的角度说：
1、在怪异模式中，ie6/7/8都不能识别!important的标识，而标准模式中ie6不能识别。
2、在ie6中,怪异模式下 盒模型的宽度=width+margin+padding+border，盒模型的高度=heigth+margin+padding+border
3、待补充


从JS的角度说：
可以通过如下代码判断这两种模式：
window.top.document.compatMode或者使用jQuery.support.boxModel（1.8之后已经声明为不支持怪异模式）
如果语句返回为：backCompat表示怪异模式，如果为CSS1Compat则表示为标准模式。