主頁 > 知識庫 > 為什么使用DOCTYPE HTML

為什么使用DOCTYPE HTML

熱門標簽:南寧銷售外呼系統(tǒng)線路商 天津銷售電銷機器人公司 400電話座機怎么辦理 縣域地圖標注點 電銷機器人外呼失敗怎么回事 400電話申請好不好 齊齊哈爾地圖標注地點 邵陽市地圖標注app 吃雞地圖標注設置
你知道如果沒有它,瀏覽器在渲染頁面的時候會使用怪異模式;你知道各個瀏覽器在怪異模式下對各個元素渲染是有差異的。所以你會寫像這樣的doctype:

復制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

好在現(xiàn)在的各種web開發(fā)工具都足夠強大,支持插入模板代碼,因此你并不需要把這又長又臭的doctype一個個字母的敲出來。但是如果你受夠了它,你也許可以嘗試下面這個寫法:

復制代碼
代碼如下:

<!DOCTYPE html>

哇哦,很簡潔哦!好處顯而易見:一、你可以輕松的寫下這個doctype,而不用擔心會寫錯;二、你大概省下了105字節(jié)字符,對于一個每日PV達到千萬級的站點,它可以省下相當客觀流量;三、它是向后兼容的,是的,html5的doctype就是這樣寫的,并且現(xiàn)代瀏覽器都認識它。

如果你跟我一樣一直以為:沒有指定dtd將會開啟瀏覽器的怪異模式,這種說法是錯的!正確的說法應該是沒有定義doctype才會開啟怪異模式,也就是說你只需要定義<!doctype html>就可以讓瀏覽器在嚴格模式(標準模式)下渲染頁面,而不需要指定某個類型dtd。讓我們來回顧一下,所有的瀏覽器都需要兩種模式:怪異模式和嚴格模式(也有人叫標準模式)。IE 6 for Windows/mac, Mozilla, Safari和Opera 都實現(xiàn)了這兩種模式,但是IE 6以下版本永遠定在了怪異模式。關于兩種模式,你需要知道以下幾點:

  1. 在標準化之前寫的頁面是沒有doctype的,因此沒有doctype的頁面是在怪異模式下渲染的。
  2. 反過來說,如果web開發(fā)人員加入的doctype,說明他知道他所要做的事情,大部分的doctype會開啟嚴格模式(標準模式),頁面也會按照標準來渲染。
  3. 任何新的或者未知的doctype都會開啟嚴格模式(標準模式)。
  4. 每個瀏覽器都有自己的方式來激活怪異模式。你可以看看這個清單:http://hsivonen.iki.fi/doctype/

注意:你可以根本不需要根據(jù)你選擇的doctype來驗證你的頁面,只要doctype標簽存在就足以開啟嚴格模式(標準模式)了。如果你對我說的這些還是感到懷疑,那么請前往http://www.quirksmode.org/css/quirksmode.html#link2了解你想知道的內(nèi)容。我們只需要一小段JavaScript代碼就可以得到答案,它就是:

復制代碼
代碼如下:

mode=document.compatMode;

這個代碼可以用來判斷,當前瀏覽器是處于怪異模式還是標準模式,該屬性的兼容性毋庸置疑,如果你表示懷疑,可以查看http://www.quirksmode.org/dom/w3c_html.html#t11。你可以在你想測試的瀏覽器里訪問:http://wanz.im/demo/doctype-test.html,便可看到結(jié)果了,據(jù)我所知,這樣并沒有激活怪異模式,即使是ie6下,如果你有什么新發(fā)現(xiàn),歡迎給我留言。

標簽:???/a> 延安 衡水 寧波 日照 贛州 寧夏 濟寧

巨人網(wǎng)絡通訊聲明:本文標題《為什么使用DOCTYPE HTML》,本文關鍵詞  為什么,使用,DOCTYPE,HTML,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《為什么使用DOCTYPE HTML》相關的同類信息!
  • 本頁收集關于為什么使用DOCTYPE HTML的相關信息資訊供網(wǎng)民參考!
  • 推薦文章