HTML的Quirks模式

MorePainMoreGain 發布于2019-08-01 14:35 / 1199人閱讀

摘要：于是乎在強大的淫威之下雙方按照標準重鑄了自己，而以前的各自的渲染模式則保留為模式，用來兼容老式的網頁了。一般現代瀏覽器都有種渲染模式模式，差不多標準模式，完全標準模式。而開啟模式很簡單。。。。里的長度值如果沒有單位，則默認為。

什么是Quirks模式

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

如何開啟傳說中的Quirks模式

大家都知道一個html文件第一行都會有一個DOCTYPE標簽，這個標簽無外乎就幾種：HTML4.01，HTML5，XHTML（注意，在DOCTYPE中注明XHTML并不會讓瀏覽器以XHTML格式進行渲染，具體參見MDN的XHTML說明）。而開啟Quirks模式很簡單。。。。就是把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屬性。

這里我就節選一點了，具體的可以參見MDN

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49465.html

扯一下似乎被遺忘的盒模型

摘要：不過想想，現在都讓微軟給退下了，還有多少呢。接著就是要提到的一點，盒模型的計算方式，標準方式和模式是不同的，不知道又想知道的同學請問谷哥或者度娘吧，記得幾年前我那本破書上也又提到，還做了一些測試。扯遠了，盒模型大概的情況就是這樣。前段時間為了組里在擴充人員，在面試的過程中有過幾次扯到盒模型這個東西。對于盒模型以前是經常提到，現在被CSS3的風頭給蓋下去了，已經沒多少人去講盒模型，也導...

Barry_Ng 2019-08-28 17:51 評論0 收藏0
前端工作面試HTML相關問題

摘要：前端工作面試相關問題文檔類型的作用是什么在中有兩個主要目的。而當元素的內容只有圖片時，如的單元格。在下，單元格中的圖片的屬性默認為，因此，在圖片底部會有幾像素的空間。所以百分比的高度必須在父元素有聲明高度時使用。關閉窗口后，即被銷毀。前端工作面試HTML相關問題 Q: doctype（文檔類型）的作用是什么？ A: 在HTML中 doctype 有兩個主要目的。對文檔進...

iamyoung001 2019-08-01 14:40 評論0 收藏0
前端基礎知識之HTML

摘要：是文件的第一行代碼，意味著它的前面有注釋都不行。所以要要寫在標簽前面，而且它不屬于標簽。為了兼容以前的網站，所以產生了，瀏覽器會按照標準以前的簡析方式去工作。但是他們在過期時間上有區別 [1: What does a doctype do?] 1: doctype是html文件的第一行代碼，意味著它的前面有注釋都不行。所以要要寫在標簽前面，而且它不屬于html標簽。 2: doctyp...

cfanr 2019-08-01 17:49 評論0 收藏0
前端面試題總結——HTML(持續更新中)

摘要：等知名網站已經開始測試并使用格式。頁面加載速度更快結構化清晰頁面顯示簡潔。表現與結構相分離。易于優化搜索引擎更友好，排名更容易靠前。用于替換當前元素，用于在當前文檔和引用資源之間確立聯系。前端面試題總結——HTML(持續更新中) 1.什么是HTML？ HTML：HyperText Markup Language超文本標記語言 2.XHTML和HTML有什么區別 HTML是一種基本的W...

afishhhhh 2019-08-01 18:38 評論0 收藏0
前端面試題總結——HTML(持續更新中)

摘要：等知名網站已經開始測試并使用格式。頁面加載速度更快結構化清晰頁面顯示簡潔。表現與結構相分離。易于優化搜索引擎更友好，排名更容易靠前。用于替換當前元素，用于在當前文檔和引用資源之間確立聯系。前端面試題總結——HTML(持續更新中) 1.什么是HTML？ HTML：HyperText Markup Language超文本標記語言 2.XHTML和HTML有什么區別 HTML是一種基本的W...

binta 2019-08-26 17:15 評論0 收藏0