瀏覽器中關(guān)于標準模式與怪異模式的解析

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 15:28:19

瀏覽器中關(guān)于標準模式與怪異模式的解析

瀏覽器中關(guān)于標準模式與怪異模式的解析:瀏覽器的標準模式和怪異模式到底是什么？標準模式：是瀏覽器按照W3C標準解析執(zhí)行代碼，這樣用規(guī)定的語法去渲染，就可以兼容各個瀏覽器，保證以正確的形式展示網(wǎng)頁。怪異模式：是使用瀏覽器自己的方式解析執(zhí)行代碼，因為不同瀏覽器解析執(zhí)行的方式不一樣，所以

推薦度：

點擊下載本文 文檔為doc格式

導讀瀏覽器中關(guān)于標準模式與怪異模式的解析:瀏覽器的標準模式和怪異模式到底是什么？標準模式：是瀏覽器按照W3C標準解析執(zhí)行代碼，這樣用規(guī)定的語法去渲染，就可以兼容各個瀏覽器，保證以正確的形式展示網(wǎng)頁。怪異模式：是使用瀏覽器自己的方式解析執(zhí)行代碼，因為不同瀏覽器解析執(zhí)行的方式不一樣，所以

瀏覽器的標準模式和怪異模式到底是什么？

標準模式：

是瀏覽器按照W3C標準解析執(zhí)行代碼，這樣用規(guī)定的語法去渲染，就可以兼容各個瀏覽器，保證以正確的形式展示網(wǎng)頁。

怪異模式：

是使用瀏覽器自己的方式解析執(zhí)行代碼，因為不同瀏覽器解析執(zhí)行的方式不一樣，所以我們稱之為怪異模式。

為什么還要存在怪異模式呢？

在HTML與CSS的標準化未完成之前，各個瀏覽器對于HTML和CSS的解析有各自不同的實現(xiàn)，而有很多舊的網(wǎng)頁都是按照這些非標準的實現(xiàn)去設(shè)計的。在HTML與CSS標準確定之后，瀏覽器一方面要按照標準去實現(xiàn)對HTML與CSS的支持，另一方面又要保證對非標準的舊網(wǎng)頁設(shè)計的后向兼容性。因此，現(xiàn)代的瀏覽器一般都有兩種渲染模式：標準模式和怪異模式。在標準模式下，瀏覽器按照HTML與CSS標準對文檔進行解析和渲染；而在怪異模式下，瀏覽器則按照舊有的非標準的實現(xiàn)方式對文檔進行解析和渲染。

瀏覽器如何確定使用哪種渲染模式？

如果你的頁面添加了<!DOCTYPE html>(注意：大小寫不敏感)，那么就等同于開啟了標準模式。即如下面代碼展示：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <body>
 </body>
</html>

如果省略了，瀏覽器會采用不符合某些標準的渲染模式。

標準模式與怪異模式的常見區(qū)別

盒模型的處理差異：標準CSS盒模型的寬度和高度等于內(nèi)容區(qū)的高度和寬度，不包含內(nèi)邊距和邊框，而IE6之前的瀏覽器實現(xiàn)的盒模型的寬高計算方式是包含內(nèi)邊距和邊框的。因此，對于IE，怪異模式和標準模式下的盒模型寬高計算方式是不一樣的；

行內(nèi)元素的垂直對齊：很多早期的瀏覽器對齊圖片至包含它們的盒子的下邊框，雖然CSS的規(guī)范要求它們被對齊至盒內(nèi)文本的基線。標準模式下，基于Gecko的瀏覽器將會對齊至基線，而在quirks模式下它們會對齊至底部。最直接的例子就是圖片的顯示。在標準模式下，圖片并不是與父元素的下邊框?qū)R的，如果仔細觀察，你會發(fā)現(xiàn)圖片與父元素下邊框之間存在一點小空隙。那是因為標準模式下，圖片是基線對齊的。而怪異模式下，則不存在這個問題。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com