成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML的Quirks模式

MorePainMoreGain / 1202人閱讀

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

什么是Quirks模式

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

如何開啟傳說中的Quirks模式

大家都知道一個(gè)html文件第一行都會(huì)有一個(gè)DOCTYPE標(biāo)簽，這個(gè)標(biāo)簽無外乎就幾種：HTML4.01，HTML5，XHTML（注意，在DOCTYPE中注明XHTML并不會(huì)讓瀏覽器以XHTML格式進(jìn)行渲染，具體參見MDN的XHTML說明）。而開啟Quirks模式很簡單。。。。就是把DOCTYPE隨便寫。。寫的瀏覽器根本認(rèn)不出來這是什么玩意兒之后，你就成功開啟了！

比如這樣

或者這樣

或者你直接不寫都可以！

那么開啟Quirks之后，我能得到哪些feature呢？

table標(biāo)簽除了font-family外，不會(huì)繼承任何字體類css。

img標(biāo)簽float之后會(huì)自動(dòng)有3px的mergin。

input和textarea標(biāo)簽的box-sizing屬性默認(rèn)為border-box。

form標(biāo)簽自帶margin-bottom:1em屬性。

class與id的值不區(qū)分大小寫。

當(dāng)加載css文件的時(shí)候，只要link標(biāo)簽里type值設(shè)置為text/css，那不管服務(wù)器傳來的* * * * Content-Type是什么，都會(huì)當(dāng)作css處理。

css里的顏色值不以＃開頭。

css里的長度值如果沒有單位，則默認(rèn)為px。

style的屬性允許被{}包裹

當(dāng)css中background值為空的時(shí)候，background url的值也被設(shè)置為空。

body標(biāo)簽接受topmargin,bottommargin,leftmargin,rightmargin作為css屬性。

這里我就節(jié)選一點(diǎn)了，具體的可以參見MDN

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49465.html

相關(guān)文章

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

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

    Barry_Ng 評論0 收藏0

  • 前端工作面試HTML相關(guān)問題

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

    iamyoung001 評論0 收藏0

  • 前端基礎(chǔ)知識之HTML

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

    cfanr 評論0 收藏0

  • 前端面試題總結(jié)——HTML(持續(xù)更新中)

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

    afishhhhh 評論0 收藏0

  • 前端面試題總結(jié)——HTML(持續(xù)更新中)

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

    binta 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<