標(biāo)準(zhǔn)模式與混雜模式

標(biāo)準(zhǔn)模式與混雜模式

ID:24471685

大小:77.44 KB

頁數(shù):10頁

時間:2018-11-14

標(biāo)準(zhǔn)模式與混雜模式_第1頁
標(biāo)準(zhǔn)模式與混雜模式_第2頁
標(biāo)準(zhǔn)模式與混雜模式_第3頁
標(biāo)準(zhǔn)模式與混雜模式_第4頁
標(biāo)準(zhǔn)模式與混雜模式_第5頁
資源描述:

《標(biāo)準(zhǔn)模式與混雜模式》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、什么是Doctype 什么是標(biāo)準(zhǔn)模式與混雜模式?一、什么是Doctype?DOCTYPE是DocumentType(文檔類型)的簡寫,在頁面中,用來指定頁面所使用的XHTML(或者HTML)的版本。要想制作符合標(biāo)準(zhǔn)的頁面,一個必不可少的關(guān)鍵組成部分就是DOCTYPE聲明。只有確定了一個正確的DOCTYPE,XHTML里的標(biāo)識和CSS才能正常生效。以XHTML1.0為例:XHTML1.0中有3種DTD(文檔類型定義)聲明可以選擇:過渡的(Transitional)、嚴(yán)格的(Strict)和框架的(Fr

2、ameset)。這里分別介紹如下。1.過渡的一種要求不很嚴(yán)格的DTD,允許在頁面中使用HTML4.01的標(biāo)識(符合xhtml語法標(biāo)準(zhǔn))。過渡的DTD的寫法如下:2.嚴(yán)格的一種要求嚴(yán)格的DTD,不允許使用任何表現(xiàn)層的標(biāo)識和屬性,例如
等。嚴(yán)格的DTD的寫法如下:

3、CTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">3.框架的一種專門針對框架頁面所使用的DTD,當(dāng)頁面中含有框架元素時,就要采用這種DTD??蚣艿腄TD的寫法如下:

4、rameset.dtd">ps:使用嚴(yán)格的DTD來制作頁面,當(dāng)然是最理想的方式。但是,對于沒有深入了解Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)者,比較合適的是使用過渡的DTD。因?yàn)檫@種DTD還允許使用表現(xiàn)層的標(biāo)識、元素和屬性,比較適合大多數(shù)網(wǎng)頁制作人員。二、什么是標(biāo)準(zhǔn)模式與混雜模式?不同文檔模式主要影響CSS內(nèi)容的呈現(xiàn),尤其是瀏覽器對盒模型的解析,但在某些情況下也會影響到JavaScript的解釋執(zhí)行。1、文檔模式目前有四種:混雜模式(quirksmode)//讓IE的行為與(包含非標(biāo)準(zhǔn)特性的)IE5相同標(biāo)準(zhǔn)模式(st

5、andardsmode)//讓IE的行為更接近標(biāo)準(zhǔn)行為準(zhǔn)標(biāo)準(zhǔn)模式(almoststandardsmode)//這種模式下的瀏覽器特性有很多都是符合標(biāo)準(zhǔn)的,不標(biāo)準(zhǔn)的地方主要體現(xiàn)在處理圖片間隙的時候(在表格中使用圖片時問題最明顯)。超級標(biāo)準(zhǔn)模式://IE8引入的一種新的文檔模式,超級文檔模式可以讓IE以其所有版本中最符合標(biāo)準(zhǔn)的方式來解釋網(wǎng)頁內(nèi)容。ps:總的來看,混雜模式讓IE像IE5,標(biāo)準(zhǔn)模式使用IE7的呈現(xiàn)引擎,而超級標(biāo)準(zhǔn)模式則是IE8的默認(rèn)文檔模式。2、如何觸發(fā)文檔模式:§?觸發(fā)混雜模式:如果在文檔

6、開始處沒有發(fā)現(xiàn)文檔類型聲明,則所有瀏覽器都會默認(rèn)開啟混雜模式。但采用混雜模式不是什么值得推薦的做法,因?yàn)椴煌瑸g覽器在這種模式下的行為差異非常大,如果不使用某些hack技術(shù),跨瀏覽器的行為根本就沒有一致性可言。§?觸發(fā)標(biāo)準(zhǔn)模式:§?§?§§?

7、mlPUBLIC?"-//W3C//DTDXHTML1.0Strict//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">§?觸發(fā)準(zhǔn)標(biāo)準(zhǔn)模式:§?§?§§?§?

8、YPEHTMLPUBLIC?"-//W3C//DTDHTML4.01Frameset//EN"?"http://www.w3.org/TR/html4/frameset.dtd">§§?§?§§?