面試官：請你談?wù)剺?biāo)準(zhǔn)(Standards)模式、怪異(Quirks)模式、準(zhǔn)標(biāo)準(zhǔn)(Almost Standards)模式，當(dāng)你打開IE9時候會看見，瀏覽器模式，文檔模式，兼容性視圖，這些又是什么？

好吧，一點點來：先明白一個詞DTD（文檔類型定義），也就是你F12后，頁面里第一行的一串東西，即doctype聲明。

這一串東西就是告訴瀏覽器你要用何種模式來渲染頁面，說白了就是讓瀏覽器用何種標(biāo)準(zhǔn)的CSS進(jìn)行頁面布局。

有三種模式供你選擇：

1. 標(biāo)準(zhǔn)模式（Standards Mode）
2. 準(zhǔn)標(biāo)準(zhǔn)模式（Almost Standards Mode）
3. 怪癖模式（Quirks Mode）

官方定義：

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

　　　標(biāo)準(zhǔn)模式中，瀏覽器嘗試給符合標(biāo)準(zhǔn)的文檔在規(guī)范上的正確處理達(dá)到在指定瀏覽器中的程度。

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

　　   它按照傳統(tǒng)的做法來實現(xiàn)表格單元格的垂直尺寸而不是嚴(yán)格的遵照CSS2規(guī)范，更接近Mozilla的準(zhǔn)標(biāo)準(zhǔn)模式而不是Mozilla的標(biāo)準(zhǔn)模式。

• 怪癖模式（Quirks Mode）

　　   怪癖模式中，為了避免“破壞”那些根據(jù)在20世紀(jì)90年代末流行的實踐創(chuàng)作的頁面，瀏覽器違反了現(xiàn)代的Web格式規(guī)范。不同的瀏覽器實現(xiàn)了不同的怪癖行為。IE6、7和8中，怪癖模式有效地凍結(jié)在IE5.5 。其他瀏覽器中，怪癖模式是對準(zhǔn)標(biāo)準(zhǔn)模式的少量偏移。

自定義：

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

　　   官方規(guī)定，你跟著照做就行了。

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

　　   在設(shè)置line-height，某些情況下的height，這兩種效果會無法正確執(zhí)行，其他和標(biāo)準(zhǔn)一樣（當(dāng)前新瀏覽器已經(jīng)放棄了此模式）

• 怪癖模式（Quirks Mode）

　　   一種非主流模式，由于當(dāng)年IE6灰常NB，當(dāng)時所有的頁面都要符合他的渲染標(biāo)準(zhǔn)，但由于標(biāo)準(zhǔn)的出現(xiàn)，大量的頁面都無法適應(yīng)新標(biāo)準(zhǔn)，而IE為了包容這些站點，所以保留了這種模式，也就是不規(guī)范的CSS算法，主要體現(xiàn)在盒子模型上。

觸發(fā)方式：

• 標(biāo)準(zhǔn)模式

• 準(zhǔn)標(biāo)準(zhǔn)模式

•  怪癖模式

 　　   第一行不寫，或?qū)戝eDOCTYPE就能觸發(fā)

• 一統(tǒng)江湖式

最新評論