HTML的Quirks模式

時間 2019-12-08

標籤 html quirks 模式欄目 HTML 简体版

原文原文鏈接

什麼是Quirks模式

Quirks，翻譯成中文就是‘怪癖’，也就是奇怪的意思，這個東西的由來要從上古時期提及了。。。當初web的世界只有兩個巨人，一個是微軟的IE，另外一個是網景的Navigator。雙方廝殺了好幾年，誰都不讓着誰。而且爲了將各自的陣營與對方區別開，開始針對對方搞差別化，使得開發者不得不針對兩種瀏覽器平臺作兩個網頁。大地看到了這一切的不公，在混沌之中創造了w3c聯盟，而w3c的使命就是摧毀IE和Navigator之間的壁壘，使得兩個平臺的代碼能夠通用。因而乎在w3c強大的淫威之下雙方按照標準重鑄了本身，而之前的各自的渲染模式則保留爲quirks模式，用來兼容老式的網頁了。通常現代瀏覽器都有3種渲染模式：quirks模式，差很少標準模式( almost standards mode)，徹底標準模式(full standards mode)。css

如何開啓傳說中的Quirks模式

你們都知道一個html文件第一行都會有一個DOCTYPE標籤，這個標籤無外乎就幾種：HTML4.01，HTML5，XHTML（注意，在DOCTYPE中註明XHTML並不會讓瀏覽器以XHTML格式進行渲染，具體參見MDN的XHTML說明）。而開啓Quirks模式很簡單。。。。就是把DOCTYPE隨便寫。。寫的瀏覽器根本認不出來這是什麼玩意兒以後，你就成功開啓了！html

好比這樣web

<!DOCTYPE htmlxox>

或者這樣瀏覽器

<! DOCTYPE =.= >

或者你直接不寫均可以！服務器

那麼開啓Quirks以後，我能獲得哪些feature呢？

table標籤除了font-family外，不會繼承任何字體類css。
img標籤float以後會自動有3px的mergin。
input和textarea標籤的box-sizing屬性默認爲border-box。
form標籤自帶margin-bottom:1em屬性。
class與id的值不區分大小寫。
當加載css文件的時候，只要link標籤裏type值設置爲text/css，那無論服務器傳來的* * * * Content-Type是什麼，都會看成css處理。
css裏的顏色值不以＃開頭。
css裏的長度值若是沒有單位，則默認爲px。
style的屬性容許被{}包裹
當css中background值爲空的時候，background url的值也被設置爲空。
body標籤接受topmargin,bottommargin,leftmargin,rightmargin做爲css屬性。