面試官：請你談談標準(Standards)模式、怪異(Quirks)模式、準標準(Almost Standards)模式，當你打開IE9時候會看見，瀏覽器模式，文檔模式，兼容性視圖，這些又是什么？

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

這一串東西就是告訴瀏覽器你要用何種模式來渲染頁面，說白了就是讓瀏覽器用何種標準的CSS進行頁面布局。

有三種模式供你選擇：

1. 標準模式（Standards Mode）
2. 準標準模式（Almost Standards Mode）
3. 怪癖模式（Quirks Mode）

官方定義：

• 標準模式（Standards Mode）

　　　標準模式中，瀏覽器嘗試給符合標準的文檔在規范上的正確處理達到在指定瀏覽器中的程度。

• 準標準模式（Almost Standards Mode）

　　   它按照傳統的做法來實現表格單元格的垂直尺寸而不是嚴格的遵照CSS2規范，更接近Mozilla的準標準模式而不是Mozilla的標準模式。

• 怪癖模式（Quirks Mode）

　　   怪癖模式中，為了避免“破壞”那些根據在20世紀90年代末流行的實踐創作的頁面，瀏覽器違反了現代的Web格式規范。不同的瀏覽器實現了不同的怪癖行為。IE6、7和8中，怪癖模式有效地凍結在IE5.5 。其他瀏覽器中，怪癖模式是對準標準模式的少量偏移。

自定義：

• 標準模式（Standards Mode）

　　   官方規定，你跟著照做就行了。

• 準標準模式（Almost Standards Mode）

　　   在設置line-height，某些情況下的height，這兩種效果會無法正確執行，其他和標準一樣（當前新瀏覽器已經放棄了此模式）

• 怪癖模式（Quirks Mode）

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

觸發方式：

• 標準模式

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表