doctype 标準(嚴格)模式(Standards Mode)、怪異(混雜)模式(Quirks
Mode),如何觸發，區分他們有何意義？
1、加DOCTYPE聲明,比如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE
html>
2、設定X-UA-Compatible觸發。
1、無doctype聲明、定義舊的HTML版本（HTML4以下,例如3.2）
2、加XML聲明，可在ie6下觸發
<?xml
version="1.0" encoding="utf-8"?>
...>
3、在XML聲明和XHTML的DOCTYPE之間加入HTML注釋，可在ie7下觸發 <?xml version="1.0"
encoding="utf-8"?>
<!-- keep IE7 in quirks mode -->
5、<!--->放在<!DOCTYPE前面
X-UA-Compatible設定對IE8模式的影響：
1、設定X-UA-Compatible meta
IE=5、IE=6(介于5、6之間的任意數字，比如5.987654321)：觸發IE5怪異模式(無論頁面是否有DOCTYPE)
IE=7(7<=
值
<8)：強制IE7标準(無論頁面是否有DOCTYPE)
IE=EmulateIE7：遵循DOCTYPE(有DOCTYPE-IE7标準；無DOCTYPE-IE5怪異模式)
IE=EmulateIE8：遵循DOCTYPE(DOCTYPE-IE8幾乎标準模式(或IE8标準模式)；無DOCTYPE-IE5怪異模式)
@see:
http://blogs.msdn.com/b/ie/archive/2008/08/27/introducing-compatibility-view.aspx
IE=8、IE=Edge、IE=99、IE=9.9(大于等于8的)：有doctype-使用幾乎标準模式，或IE8标準；無doctype-IE8标準。
無X-UA-Compatible、IE=IE8、IE=IE7、IE=a、把X-UA-Compatible寫在<link>或<script>标簽後：判斷"X-UA-Compatible
HTTP
Header"。
注1：把X-UA-Compatible寫在<link>或<script>标簽下面，X-UA-Compatible的設定無效。
注2：頁面、伺服器HTTP
Header都設定了X-UA-Compatible的情況，使用頁面的X-UA-Compatible設定。頁面無X-UA-Compatible，才使用HTTP
Header設定的值。
注3：幾乎标準模式的意思和觸發，下面的"Almost Standards
Mode"有說明。
注4：IE=xx的值，ie會嘗試xx轉換為最接近的值。比如：IE=7.789 ->
IE=7；介于5、6之間的->IE=5；大于等于8的->IE=8。
注5：IE=4、IE=3、IE=0.1、IE=-7
這些小于5的，包括類似IE=IE8、IE=IE7、IE=IE6、IE=a、IE=b、IE=bcd，和無X-UA-Compatible一樣一樣滴。可以了解為X-UA-Compatible設定了無效的值，是以跳過這裡了。
IE
X-UA-Compatible的一些說明：http://expression.microsoft.com/en-us/dd835379
2、設定X-UA-Compatible HTTP Header
IE=5、IE=6: 觸發IE5怪異模式(無論頁面是否有DOCTYPE)
IE=7(7<= 值 <8):
強制IE7标準(無論頁面是否有DOCTYPE)
IE=EmulateIE7:
遵循DOCTYPE(有DOCTYPE-IE7标準；無DOCTYPE-IE5怪異模式)
IE=EmulateIE8：遵循DOCTYPE(DOCTYPE-IE8幾乎标準，或IE8标準；無DOCTYPE-IE5怪異模式)
IE=8、IE=Edge、IE=99、IE=9.9(大于等于8的)：有doctype-使用幾乎标準模式(或IE8标準)；無doctype-IE8标準。
注：設定了X-UA-Compatible(meta或http
header)後，會覆寫用戶端的相容性視圖設定。會強迫(優先)使用X-UA-Compatible設定的模式
無X-UA-Compatible、IE=IE8、IE=IE7、IE=a、還有上面注5裡面提到的：首先判斷"相容性視圖"，有"相容性視圖"的設定(doctype-IE7标準，無doctype-IE5怪異模式)；未設定"相容性視圖"，有DOCTYPE-遵循doctype，無doctype-IE5怪異模式。
IE9和IE8大體上差不多：
X-UA-Compatible
IE=(0<= 值 <7) -
觸發怪異模式(無論頁面是否有DOCTYPE)，注：這裡的怪異模式和IE8下的有點不同，測試發現"-"、"_"這兩個css
hack符号，IE8怪異下是都識别的，IE9怪異下不識别"-"。
IE=7(7<= 值 <8) -
IE=8(8<= 值 <9) -
強制IE8标準，有doctype-使用IE8幾乎标準模式(或IE8标準)，無doctype-IE8标準
IE=EmulateIE7、EmulateIE8
和上面IE8的情況一樣
IE=9、IE=Edge(值 >=9 ) -
有doctype-使用幾乎标準模式(或IE9标準)。和IE8一樣，靠doctype來選擇IE9幾乎标準，或IE9标準模式；無doctype-IE9标準。
IE=(值
<0)、IE=IE8、IE=IE7、IE=IE6、IE=a、IE=b、IE=bcd、IE=xxx類似這樣不靠譜的、或把X-UA-Compatible
meta寫在<link>或<script>标簽後的，這些情況和無X-UA-Compatible是一樣的：首先判斷"相容性視圖"，有"相容性視圖"的設定(doctype-IE7标準，無doctype-怪異模式)；未設定"相容性視圖"，有DOCTYPE-遵循doctype，無doctype-怪異模式。
msdn上面提到了X-UA-Compatible值設定成"IE=9; IE=8;
IE=5"這樣的，意思就是優先最前面的IE9，沒IE9就用IE8，沒IE8就IE5，并且并不推薦在生産環境下使用。
觸發Google Chrome
Frame：<meta http-equiv="X-UA-Compatible"
content="chrome=1">
可以和IE的X-UA-Compatible混搭：比如：<meta
http-equiv="X-UA-Compatible"
content="IE=edge,chrome=1">。這樣寫的好處：可以讓ie在最好的渲染方式下渲染頁面。
"IE=edge,chrome=1"，可以寫成"chrome=1,IE=edge"、"chrome=1;
IE=edge"。
Firefox
1+、Safari、Chrome、Opera(從7.5開始)和IE8/IE9增加了一個"幾乎标準模式"，它實作傳統的表格單元格的垂直尺寸(沒有嚴格的遵照CSS2規範)。
意思就是，比如下面的代碼：
<table
style="border:1px solid blue;"
cellspacing="0">
<tr><td><img style="border:1px solid red"
width="364" height="126"
src="http://www.google.com/images/logos/ps_logo2.png"/></td></tr>
</table>
比如在IE7标準模式下，圖檔底部和table是沒空白的；"幾乎标準模式"下，圖檔底部和table也是沒空白的；而較新的浏覽器在标準模式下圖檔底部和table會有個空白。
@see：https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
下面的DOCTYPE都可觸發IE8标準模式：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
觸發IE8幾乎标準模式：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Mac
IE5、IE6/7、Opera(<7.5)和Konqueror無幾乎标準模式(它們沒有嚴格遵循CSS2規範，實際上，它們的标準模式更接近幾乎标準模式)。HTML5把這種模式叫“受限怪異模式(limited
quirks mode)”。
![在DOS下運作不了ipconfig指令[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)