觸發(fā)標(biāo)準(zhǔn)模式

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、設(shè)置X-UA-Compatible觸發(fā)。

觸發(fā)怪異模式

1、無(wú)doctype聲明、定義舊的HTML版本（HTML4以下,例如3.2）
2、加X(jué)ML聲明，可在ie6下觸發(fā)
?xml version= 1.0 encoding= utf-8 ?
!DOCTYPE ...
3、在XML聲明和XHTML的DOCTYPE之間加入HTML注釋，可在ie7下觸發(fā) ?xml version= 1.0 encoding= utf-8 ?
!-- keep IE7 in quirks mode --
!DOCTYPE ...
5、 !--- 放在 !DOCTYPE前面

IE8有4種模式：IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式

X-UA-Compatible設(shè)置對(duì)IE8模式的影響：
1、設(shè)置X-UA-Compatible meta

IE=5、IE=6(介于5、6之間的任意數(shù)字，比如5.987654321)：觸發(fā)IE5怪異模式(無(wú)論頁(yè)面是否有DOCTYPE)
IE=7(7 = 值 8)：強(qiáng)制IE7標(biāo)準(zhǔn)(無(wú)論頁(yè)面是否有DOCTYPE)
IE=EmulateIE7：遵循DOCTYPE(有DOCTYPE-IE7標(biāo)準(zhǔn)；無(wú)DOCTYPE-IE5怪異模式)
IE=EmulateIE8：遵循DOCTYPE(DOCTYPE-IE8幾乎標(biāo)準(zhǔn)模式(或IE8標(biāo)準(zhǔn)模式)；無(wú)DOCTYPE-IE5怪異模式)
IE=8、IE=Edge、IE=99、IE=9.9(大于等于8的)：有doctype-使用幾乎標(biāo)準(zhǔn)模式，或IE8標(biāo)準(zhǔn)；無(wú)doctype-IE8標(biāo)準(zhǔn)。
無(wú)X-UA-Compatible、IE=IE8、IE=IE7、IE=a、把X-UA-Compatible寫在 link 或 script 標(biāo)簽后：判斷 X-UA-Compatible HTTP Header 。

注1：把X-UA-Compatible寫在 link 或 script 標(biāo)簽下面，X-UA-Compatible的設(shè)置無(wú)效。
注2：頁(yè)面、服務(wù)器HTTP Header都設(shè)置了X-UA-Compatible的情況，使用頁(yè)面的X-UA-Compatible設(shè)置。頁(yè)面無(wú)X-UA-Compatible，才使用HTTP Header設(shè)置的值。
注3：幾乎標(biāo)準(zhǔn)模式的意思和觸發(fā)，下面的 Almost Standards Mode 有說(shuō)明。
注4：IE=xx的值，ie會(huì)嘗試xx轉(zhuǎn)換為最接近的值。比如：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，和無(wú)X-UA-Compatible一樣一樣滴。可以理解為X-UA-Compatible設(shè)置了無(wú)效的值，所以跳過(guò)這里了。

2、設(shè)置X-UA-Compatible HTTP Header

IE=5、IE=6: 觸發(fā)IE5怪異模式(無(wú)論頁(yè)面是否有DOCTYPE)
IE=7(7 = 值 8): 強(qiáng)制IE7標(biāo)準(zhǔn)(無(wú)論頁(yè)面是否有DOCTYPE)
IE=EmulateIE7: 遵循DOCTYPE(有DOCTYPE-IE7標(biāo)準(zhǔn)；無(wú)DOCTYPE-IE5怪異模式)
IE=EmulateIE8：遵循DOCTYPE(DOCTYPE-IE8幾乎標(biāo)準(zhǔn)，或IE8標(biāo)準(zhǔn)；無(wú)DOCTYPE-IE5怪異模式)
IE=8、IE=Edge、IE=99、IE=9.9(大于等于8的)：有doctype-使用幾乎標(biāo)準(zhǔn)模式(或IE8標(biāo)準(zhǔn))；無(wú)doctype-IE8標(biāo)準(zhǔn)。
注：設(shè)置了X-UA-Compatible(meta或http header)后，會(huì)覆蓋客戶端的兼容性視圖設(shè)置。會(huì)強(qiáng)迫(優(yōu)先)使用X-UA-Compatible設(shè)置的模式
無(wú)X-UA-Compatible、IE=IE8、IE=IE7、IE=a、還有上面注5里面提到的：首先判斷 兼容性視圖 ，有 兼容性視圖 的設(shè)置(doctype-IE7標(biāo)準(zhǔn)，無(wú)doctype-IE5怪異模式)；未設(shè)置 兼容性視圖 ，有DOCTYPE-遵循doctype，無(wú)doctype-IE5怪異模式。

IE9有7種模式: IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式、IE9幾乎標(biāo)準(zhǔn)模式、IE9標(biāo)準(zhǔn)模式、XML模式

IE9和IE8大體上差不多：
X-UA-Compatible
IE=(0 = 值 7) - 觸發(fā)怪異模式(無(wú)論頁(yè)面是否有DOCTYPE)，注：這里的怪異模式和IE8下的有點(diǎn)不同，測(cè)試發(fā)現(xiàn) - 、 _ 這兩個(gè)css hack符號(hào)，IE8怪異下是都識(shí)別的，IE9怪異下不識(shí)別 - 。
IE=7(7 = 值 8) - 強(qiáng)制IE7標(biāo)準(zhǔn)(無(wú)論頁(yè)面是否有DOCTYPE)
IE=8(8 = 值 9) - 強(qiáng)制IE8標(biāo)準(zhǔn)，有doctype-使用IE8幾乎標(biāo)準(zhǔn)模式(或IE8標(biāo)準(zhǔn))，無(wú)doctype-IE8標(biāo)準(zhǔn)
IE=EmulateIE7、EmulateIE8 和上面IE8的情況一樣
IE=9、IE=Edge(值 =9 ) - 有doctype-使用幾乎標(biāo)準(zhǔn)模式(或IE9標(biāo)準(zhǔn))。和IE8一樣，靠doctype來(lái)選擇IE9幾乎標(biāo)準(zhǔn)，或IE9標(biāo)準(zhǔn)模式；無(wú)doctype-IE9標(biāo)準(zhǔn)。
IE=(值 0)、IE=IE8、IE=IE7、IE=IE6、IE=a、IE=b、IE=bcd、IE=xxx類似這樣不靠譜的、或把X-UA-Compatible meta寫在 link 或 script 標(biāo)簽后的，這些情況和無(wú)X-UA-Compatible是一樣的：首先判斷 兼容性視圖 ，有 兼容性視圖 的設(shè)置(doctype-IE7標(biāo)準(zhǔn)，無(wú)doctype-怪異模式)；未設(shè)置 兼容性視圖 ，有DOCTYPE-遵循doctype，無(wú)doctype-怪異模式。

X-UA-Compatible的特殊寫法

msdn上面提到了X-UA-Compatible值設(shè)置成 IE=9; IE=8; IE=5 這樣的，意思就是優(yōu)先最前面的IE9，沒(méi)IE9就用IE8，沒(méi)IE8就IE5，并且并不推薦在生產(chǎn)環(huán)境下使用。
觸發(fā)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在最好的渲染方式下渲染頁(yè)面。
IE=edge,chrome=1 ，可以寫成 chrome=1,IE=edge 、 chrome=1; IE=edge 。

幾乎標(biāo)準(zhǔn)模式（Almost Standards Mode）

Firefox 1+、Safari、Chrome、Opera(從7.5開(kāi)始)和IE8/IE9增加了一個(gè) 幾乎標(biāo)準(zhǔn)模式 ，它實(shí)現(xiàn)傳統(tǒng)的表格單元格的垂直尺寸(沒(méi)有嚴(yán)格的遵照CSS2規(guī)范)。
意思就是，比如下面的代碼：

 table >
比如在IE7標(biāo)準(zhǔn)模式下，圖片底部和table是沒(méi)空白的； 幾乎標(biāo)準(zhǔn)模式 下，圖片底部和table也是沒(méi)空白的；而較新的瀏覽器在標(biāo)準(zhǔn)模式下圖片底部和table會(huì)有個(gè)空白。
@see：https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps 
下面的DOCTYPE都可觸發(fā)IE8標(biāo)準(zhǔn)模式：
 !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 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 
觸發(fā)IE8幾乎標(biāo)準(zhǔn)模式：
 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd 
 !DOCTYPE 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無(wú)幾乎標(biāo)準(zhǔn)模式(它們沒(méi)有嚴(yán)格遵循CSS2規(guī)范，實(shí)際上，它們的標(biāo)準(zhǔn)模式更接近幾乎標(biāo)準(zhǔn)模式)。HTML5把這種模式叫“受限怪異模式(limited quirks mode)”。
XML模式 - application/xhtml+xml Content
Firefox、Safari、Chrome和Opera中，HTTP頭設(shè)置了MIME-type(Content-Type為application/xhtml+xml時(shí))，會(huì)觸發(fā)XML模式。在XML模式中，瀏覽器會(huì)嚴(yán)格地以XML解析XHTML文檔(很嚴(yán)格，用過(guò)W3C的xhtml驗(yàn)證的同學(xué)應(yīng)該明白,比如 要用 +"amp; 、
要用 br / )。
任何一個(gè)XHTML文檔的解析錯(cuò)誤會(huì)導(dǎo)致停止解析,FF/SF/CH/OP會(huì)直接報(bào)XML解析錯(cuò)誤，IE9可以在開(kāi)發(fā)人員工具的console里面看到報(bào)錯(cuò)。
MacIE5、IE6/7/8不支持application/xhtml+xml。
發(fā)現(xiàn)IE9下使用此模式，doctype是無(wú)所謂的， html xmlns= http://www.w3.org/1999/xhtml 這句命名空間必須的，沒(méi)設(shè)置命名空間css會(huì)以文本解析而失效。
同時(shí)XML模式下，X-UA-Compatible的設(shè)置將會(huì)無(wú)效。

總結(jié)：
X-UA-Compatible只有IE =8才識(shí)別，所以他們可以用doctype聲明、X-UA-Compatible、兼容性視圖設(shè)置來(lái)改變模式。
IE6/7卻依靠DOCTYPE來(lái)改變標(biāo)準(zhǔn)或怪異模式，類似這些低版本的瀏覽器下的標(biāo)準(zhǔn)模式，接近與“先進(jìn)”瀏覽器下的幾乎標(biāo)準(zhǔn)模式，因?yàn)樗鼈兌紱](méi)有嚴(yán)格遵循CSS2規(guī)范。并且他們同樣在標(biāo)準(zhǔn)模式下，各自的渲染還是是有差別的。沒(méi)差別就不會(huì)有css hack的誕生。
IE6-IE9下，怪異模式都在IE5.5下。
不需要寫X-UA-Compatible，用css也完全可以搞定各個(gè)版本IE的解析不同。

模式、版本不同，不僅僅css解析不同，js的解析也有不同。
了解瀏覽器解析模式的不同，可以避免我們辛苦寫出的標(biāo)準(zhǔn)代碼被怪異所殘害。
讓開(kāi)發(fā)者更注重遵循標(biāo)準(zhǔn)，無(wú)論在生產(chǎn)效率還是在協(xié)作、溝通上都有好處滴。
現(xiàn)在幾乎人人都用標(biāo)準(zhǔn)的doctype來(lái)聲明文檔，所以糾結(jié)標(biāo)準(zhǔn)、怪異模式對(duì)工作的影響不太大。
以上就是瀏覽器解析模式:DOCTYPE聲明問(wèn)題用法詳解的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。