被忽視的DOCTYPE說明分析
發(fā)布時(shí)間：2010-02-11 14:21:08 作者：佚名 
我要評(píng)論
我要評(píng)論自己在做web開發(fā)的時(shí)候，往往著重于界面設(shè)計(jì)及數(shù)據(jù)邏輯上的處理，而對(duì)一些細(xì)節(jié)不是特別注意。
doctype就是其中一個(gè):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1. doctype是什么
doctype標(biāo)簽 用來指定document的dtd(Document Type Definition)的，寫在每個(gè)html的最前面，形如：
<!DOCTYPE RootElement Availability "URI" [declarations]>
如幾種常見的doctype:
HTML 4.01: Strict<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.1 Strict DTD<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2. doctype能做什么
有沒有指定doctype, 以及指定不同的doctype都會(huì)激活不同的瀏覽器模式，從而產(chǎn)生對(duì)一些對(duì)html，css和js的影響，其中最著名的就是所謂的盒模型問題。
2.1 為什么會(huì)有多種模式
在很久很久以前還是netscape和ie爭霸天下的時(shí)代，由于太強(qiáng)大了，瀏覽器模式是由瀏覽器自己說了算的。時(shí)光流逝，轉(zhuǎn)眼到了戰(zhàn)國群雄的時(shí)代，大家發(fā)現(xiàn)如果都自己說了算的話天下就亂套了，就商量說推舉個(gè)盟主吧，于是w3c就上臺(tái)了。但是問題又來了，譬如IE，雖說再不能一頭獨(dú)大，向標(biāo)準(zhǔn)看齊是大勢(shì)所趨，但是假如瀏覽器只支持標(biāo)準(zhǔn)的話，之前的許多頁面又會(huì)產(chǎn)生一些問題。
于是doctype應(yīng)運(yùn)而生，假如沒有指定任何doctype，就采用原先的模式，被稱為怪癖模式(Quirks Mode)，假如指定了doctype，就遵循標(biāo)準(zhǔn)，被稱為標(biāo)準(zhǔn)模式或嚴(yán)格模式(Standards Mode)。期間，以Mozilla為代表的幾位，覺得標(biāo)準(zhǔn)模式里諸如img的解析不是很合適，就保留了一些個(gè)人意見，在指定一些特定的doctype情況下，會(huì)采用一種準(zhǔn)標(biāo)準(zhǔn)模式(Almost Standards Mode)，具體情況請(qǐng)參考Activating Browser Modes with Doctype，或是@隨網(wǎng)之舞的譯文用doctype激活瀏覽器模式。
2.2 不同模式的具體影響
@ppk大牛已經(jīng)給我們做了很好的總結(jié)，Quirks mode and strict mode。
3. 建議采用的doctype
<!DOCTYPE HTML>
理由：支持html5，在不識(shí)別的情況下，會(huì)采用嚴(yán)格模式。
再加入一些reset css，如img { display: block }解決瀏覽器兼容問題。
需要提醒注意的是，現(xiàn)在很多人使用的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">以及<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">在幾個(gè)主要瀏覽器下都只相當(dāng)于怪癖模式，換句話說，可以不加。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1. doctype是什么
doctype標(biāo)簽 用來指定document的dtd(Document Type Definition)的，寫在每個(gè)html的最前面，形如：
<!DOCTYPE RootElement Availability "URI" [declarations]>
如幾種常見的doctype:
HTML 4.01: Strict<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.1 Strict DTD<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2. doctype能做什么
有沒有指定doctype, 以及指定不同的doctype都會(huì)激活不同的瀏覽器模式，從而產(chǎn)生對(duì)一些對(duì)html，css和js的影響，其中最著名的就是所謂的盒模型問題。
2.1 為什么會(huì)有多種模式
在很久很久以前還是netscape和ie爭霸天下的時(shí)代，由于太強(qiáng)大了，瀏覽器模式是由瀏覽器自己說了算的。時(shí)光流逝，轉(zhuǎn)眼到了戰(zhàn)國群雄的時(shí)代，大家發(fā)現(xiàn)如果都自己說了算的話天下就亂套了，就商量說推舉個(gè)盟主吧，于是w3c就上臺(tái)了。但是問題又來了，譬如IE，雖說再不能一頭獨(dú)大，向標(biāo)準(zhǔn)看齊是大勢(shì)所趨，但是假如瀏覽器只支持標(biāo)準(zhǔn)的話，之前的許多頁面又會(huì)產(chǎn)生一些問題。
于是doctype應(yīng)運(yùn)而生，假如沒有指定任何doctype，就采用原先的模式，被稱為怪癖模式(Quirks Mode)，假如指定了doctype，就遵循標(biāo)準(zhǔn)，被稱為標(biāo)準(zhǔn)模式或嚴(yán)格模式(Standards Mode)。期間，以Mozilla為代表的幾位，覺得標(biāo)準(zhǔn)模式里諸如img的解析不是很合適，就保留了一些個(gè)人意見，在指定一些特定的doctype情況下，會(huì)采用一種準(zhǔn)標(biāo)準(zhǔn)模式(Almost Standards Mode)，具體情況請(qǐng)參考Activating Browser Modes with Doctype，或是@隨網(wǎng)之舞的譯文用doctype激活瀏覽器模式。
2.2 不同模式的具體影響
@ppk大牛已經(jīng)給我們做了很好的總結(jié)，Quirks mode and strict mode。
3. 建議采用的doctype
<!DOCTYPE HTML>
理由：支持html5，在不識(shí)別的情況下，會(huì)采用嚴(yán)格模式。
再加入一些reset css，如img { display: block }解決瀏覽器兼容問題。
需要提醒注意的是，現(xiàn)在很多人使用的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">以及<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">在幾個(gè)主要瀏覽器下都只相當(dāng)于怪癖模式，換句話說，可以不加。
相關(guān)文章
- html doctype告訴瀏覽器使用什么樣的html或xhtml規(guī)范來解析html文檔，下面為大家詳細(xì)介紹下，希望對(duì)大家有所幫助2014-01-08
- 文檔類型（英文簡稱!DOCTYPE，英文全稱DOCumentTYPE），它的目的是要告訴標(biāo)準(zhǔn)通用標(biāo)記語言解析器，它應(yīng)該使用什么樣的文檔類型定義（DTD）來解析文檔2013-04-19
DOCTYPE 中xhtml 1.0和 html 4.01區(qū)別分析
經(jīng)常會(huì)用到DOCTYPE，常用的有xhtml 1.0和html 4.01，總結(jié)了下他們之間的區(qū)別2011-08-03- 本文系統(tǒng)的講解DOCTYPE元素.同時(shí)查證了很多的資料.因?yàn)榛ヂ?lián)網(wǎng)上面的資料比較雜亂,所以經(jīng)過收集整理我進(jìn)行了重新定義.2011-02-24
- 很多朋友不知道DOCTYPE聲明的作用，特為大家搜索整理了這篇文章，希望對(duì)需要的朋友有所幫助。2011-01-26
- 不管是剛接觸前端，還是你已經(jīng)精通web前端開發(fā)的內(nèi)容，你應(yīng)該知道在你寫html的時(shí)候需要定義文檔類型2010-10-29
- 寫HTML代碼的時(shí)候，第一行就要寫DOCTYPE，而DOCTYPE一般都很長，大家也懶得去記，所以基本都是直接去復(fù)制以前寫過的。不過今天了解到一種 DOCTYPE 的縮寫.2009-07-24
- 寫HTML代碼的時(shí)候，第一行就要寫DOCTYPE，而DOCTYPE一般都很長，大家也懶得去記，所以基本都是直接去復(fù)制以前寫過的。不過今天了解到一種 DOCTYPE 的縮寫，如果你的 DOCTYP2009-04-02
- 我們?cè)贖TML里面聲明DOCTYPE一般會(huì)有以下幾種： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD2008-10-17
- 由于不是HTML標(biāo)簽，它只是一條瀏覽器指令，告訴瀏覽器編寫頁面所用的標(biāo)記的版本，所以不需要成對(duì)出現(xiàn)2014-02-03