【F12一下，看看页面里的第一行】——说说浏览器兼容性模式
面試官：請你談談標準(Standards)模式、怪異(Quirks)模式、準標準(Almost Standards)模式，當你打開IE9時候會看見，瀏覽器模式，文檔模式，兼容性視圖，這些又是什么？
尼瑪啊......這些都是什么鳥東西......
好吧，一點點來：先明白一個詞DTD（文檔類型定義），也就是你F12后，頁面里第一行的一串東西，即doctype聲明。
這一串東西就是告訴瀏覽器你要用何種模式來渲染頁面，說白了就是讓瀏覽器用何種標準的CSS進行頁面布局。
有三種模式供你選擇：
官方定義：
- 標準模式（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算法，主要體現在盒子模型上。
?
觸發方式：
- 標準模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- 兼容XHTML廢棄的標簽 -->
- 準標準模式
- ?怪癖模式
? ??第一行不寫，或寫錯DOCTYPE就能觸發
- 一統江湖式
?
想以后侃倒面試官的請閱讀：
外國某大神的：Activating Browser Modes with Doctype；國內謀神翻譯版：《用doctype激活瀏覽器模式》
各種模式詳細觸發：DOCTYPE聲明問題?（PS：包含各種變態的IE模式）
準標準模式相關：Gecko's "Almost Standards" Mode
Almost Target
?
?
轉載于:https://www.cnblogs.com/ccto/archive/2013/03/06/2946713.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的【F12一下，看看页面里的第一行】——说说浏览器兼容性模式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： js 编程时注意事项
- 下一篇： objective-c中的static