為什么使用DOCTYPE HTML
我要評(píng)論<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
好在現(xiàn)在的各種web開(kāi)發(fā)工具都足夠強(qiáng)大，支持插入模板代碼，因此你并不需要把這又長(zhǎng)又臭的doctype一個(gè)個(gè)字母的敲出來(lái)。但是如果你受夠了它，你也許可以嘗試下面這個(gè)寫(xiě)法：
<!DOCTYPE html>
哇哦，很簡(jiǎn)潔哦！好處顯而易見(jiàn)：一、你可以輕松的寫(xiě)下這個(gè)doctype，而不用擔(dān)心會(huì)寫(xiě)錯(cuò)；二、你大概省下了105字節(jié)字符，對(duì)于一個(gè)每日PV達(dá)到千萬(wàn)級(jí)的站點(diǎn)，它可以省下相當(dāng)客觀(guān)流量；三、它是向后兼容的，是的，html5的doctype就是這樣寫(xiě)的，并且現(xiàn)代瀏覽器都認(rèn)識(shí)它。
如果你跟我一樣一直以為：沒(méi)有指定dtd將會(huì)開(kāi)啟瀏覽器的怪異模式，這種說(shuō)法是錯(cuò)的！正確的說(shuō)法應(yīng)該是沒(méi)有定義doctype才會(huì)開(kāi)啟怪異模式，也就是說(shuō)你只需要定義<!doctype html>就可以讓瀏覽器在嚴(yán)格模式（標(biāo)準(zhǔn)模式）下渲染頁(yè)面，而不需要指定某個(gè)類(lèi)型dtd。讓我們來(lái)回顧一下，所有的瀏覽器都需要兩種模式：怪異模式和嚴(yán)格模式（也有人叫標(biāo)準(zhǔn)模式）。IE 6 for Windows/mac, Mozilla, Safari和Opera 都實(shí)現(xiàn)了這兩種模式，但是IE 6以下版本永遠(yuǎn)定在了怪異模式。關(guān)于兩種模式，你需要知道以下幾點(diǎn)：
- 在標(biāo)準(zhǔn)化之前寫(xiě)的頁(yè)面是沒(méi)有doctype的，因此沒(méi)有doctype的頁(yè)面是在怪異模式下渲染的。
- 反過(guò)來(lái)說(shuō)，如果web開(kāi)發(fā)人員加入的doctype，說(shuō)明他知道他所要做的事情，大部分的doctype會(huì)開(kāi)啟嚴(yán)格模式（標(biāo)準(zhǔn)模式），頁(yè)面也會(huì)按照標(biāo)準(zhǔn)來(lái)渲染。
- 任何新的或者未知的doctype都會(huì)開(kāi)啟嚴(yán)格模式（標(biāo)準(zhǔn)模式）。
- 每個(gè)瀏覽器都有自己的方式來(lái)激活怪異模式。你可以看看這個(gè)清單：http://hsivonen.iki.fi/doctype/
注意：你可以根本不需要根據(jù)你選擇的doctype來(lái)驗(yàn)證你的頁(yè)面，只要doctype標(biāo)簽存在就足以開(kāi)啟嚴(yán)格模式（標(biāo)準(zhǔn)模式）了。如果你對(duì)我說(shuō)的這些還是感到懷疑，那么請(qǐng)前往http://www.quirksmode.org/css/quirksmode.html#link2了解你想知道的內(nèi)容。我們只需要一小段JavaScript代碼就可以得到答案，它就是：
mode=document.compatMode;
這個(gè)代碼可以用來(lái)判斷，當(dāng)前瀏覽器是處于怪異模式還是標(biāo)準(zhǔn)模式，該屬性的兼容性毋庸置疑，如果你表示懷疑，可以查看http://www.quirksmode.org/dom/w3c_html.html#t11。你可以在你想測(cè)試的瀏覽器里訪(fǎng)問(wèn)：http://wanz.im/demo/doctype-test.html，便可看到結(jié)果了，據(jù)我所知，這樣并沒(méi)有激活怪異模式，即使是ie6下，如果你有什么新發(fā)現(xiàn)，歡迎給我留言。
相關(guān)文章
- html doctype告訴瀏覽器使用什么樣的html或xhtml規(guī)范來(lái)解析html文檔，下面為大家詳細(xì)介紹下，希望對(duì)大家有所幫助2014-01-08
- 文檔類(lèi)型（英文簡(jiǎn)稱(chēng)!DOCTYPE，英文全稱(chēng)DOCumentTYPE），它的目的是要告訴標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言解析器，它應(yīng)該使用什么樣的文檔類(lèi)型定義（DTD）來(lái)解析文檔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)過(guò)收集整理我進(jìn)行了重新定義.2011-02-24
- 很多朋友不知道DOCTYPE聲明的作用，特為大家搜索整理了這篇文章，希望對(duì)需要的朋友有所幫助。2011-01-26
- 自己在做web開(kāi)發(fā)的時(shí)候，往往著重于界面設(shè)計(jì)及數(shù)據(jù)邏輯上的處理，而對(duì)一些細(xì)節(jié)不是特別注意。2010-02-11
- 寫(xiě)HTML代碼的時(shí)候，第一行就要寫(xiě)DOCTYPE，而DOCTYPE一般都很長(zhǎng)，大家也懶得去記，所以基本都是直接去復(fù)制以前寫(xiě)過(guò)的。不過(guò)今天了解到一種 DOCTYPE 的縮寫(xiě).2009-07-24
- 寫(xiě)HTML代碼的時(shí)候，第一行就要寫(xiě)DOCTYPE，而DOCTYPE一般都很長(zhǎng)，大家也懶得去記，所以基本都是直接去復(fù)制以前寫(xiě)過(guò)的。不過(guò)今天了解到一種 DOCTYPE 的縮寫(xiě)，如果你的 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)簽，它只是一條瀏覽器指令，告訴瀏覽器編寫(xiě)頁(yè)面所用的標(biāo)記的版本，所以不需要成對(duì)出現(xiàn)2014-02-03