【F12一下，看看页面里的第一行】——说说浏览器兼容性模式
面試官：請(qǐng)你談?wù)剺?biāo)準(zhǔn)(Standards)模式、怪異(Quirks)模式、準(zhǔn)標(biāo)準(zhǔn)(Almost Standards)模式，當(dāng)你打開IE9時(shí)候會(huì)看見，瀏覽器模式，文檔模式，兼容性視圖，這些又是什么？
尼瑪啊......這些都是什么鳥東西......
好吧，一點(diǎn)點(diǎn)來：先明白一個(gè)詞DTD（文檔類型定義），也就是你F12后，頁面里第一行的一串東西，即doctype聲明。
這一串東西就是告訴瀏覽器你要用何種模式來渲染頁面，說白了就是讓瀏覽器用何種標(biāo)準(zhǔn)的CSS進(jìn)行頁面布局。
有三種模式供你選擇：
官方定義：
- 標(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)的做法來實(shí)現(xiàn)表格單元格的垂直尺寸而不是嚴(yán)格的遵照CSS2規(guī)范，更接近Mozilla的準(zhǔn)標(biāo)準(zhǔn)模式而不是Mozilla的標(biāo)準(zhǔn)模式。
- 怪癖模式（Quirks Mode）
??怪癖模式中，為了避免“破壞”那些根據(jù)在20世紀(jì)90年代末流行的實(shí)踐創(chuàng)作的頁面，瀏覽器違反了現(xiàn)代的Web格式規(guī)范。不同的瀏覽器實(shí)現(xiàn)了不同的怪癖行為。IE6、7和8中，怪癖模式有效地凍結(jié)在IE5.5 。其他瀏覽器中，怪癖模式是對(duì)準(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，這兩種效果會(huì)無法正確執(zhí)行，其他和標(biāo)準(zhǔn)一樣（當(dāng)前新瀏覽器已經(jīng)放棄了此模式）
- 怪癖模式（Quirks Mode）
? 一種非主流模式，由于當(dāng)年IE6灰常NB，當(dāng)時(shí)所有的頁面都要符合他的渲染標(biāo)準(zhǔn)，但由于標(biāo)準(zhǔn)的出現(xiàn)，大量的頁面都無法適應(yīng)新標(biāo)準(zhǔn)，而IE為了包容這些站點(diǎn)，所以保留了這種模式，也就是不規(guī)范的CSS算法，主要體現(xiàn)在盒子模型上。
?
觸發(fā)方式：
- 標(biāo)準(zhǔn)模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- 兼容XHTML廢棄的標(biāo)簽 -->
- 準(zhǔn)標(biāo)準(zhǔn)模式
- ?怪癖模式
? ??第一行不寫，或?qū)戝e(cuò)DOCTYPE就能觸發(fā)
- 一統(tǒng)江湖式
?
想以后侃倒面試官的請(qǐng)閱讀：
外國某大神的：Activating Browser Modes with Doctype；國內(nèi)謀神翻譯版：《用doctype激活瀏覽器模式》
各種模式詳細(xì)觸發(fā)：DOCTYPE聲明問題?（PS：包含各種變態(tài)的IE模式）
準(zhǔn)標(biāo)準(zhǔn)模式相關(guān)：Gecko's "Almost Standards" Mode
Almost Target
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/ccto/archive/2013/03/06/2946713.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的【F12一下，看看页面里的第一行】——说说浏览器兼容性模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： js 编程时注意事项
- 下一篇： 大家注意：升级 win8.1 火狐浏览器