不管是剛接觸前端，還是你已經“精通”web前端開發的內容，你應該知道在你寫html的時候需要定義文檔類型；你知道如果沒有它，瀏覽器在渲染頁面的時候會使用怪異模式；你知道各個瀏覽器在怪異模式下對各個元素渲染是有差異的。所以你會寫像這樣的doctype：
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
好在現在的各種web開發工具都足夠強大，支持插入模板代碼，因此你並不需要把這又長又臭的doctype一個個字母的敲出來。但是如果你受夠了它，你也許可以嘗試下面這個寫法：
1 |
<!DOCTYPE html> |
哇哦，很簡潔哦！好處顯而易見：一、你可以輕鬆的寫下這個doctype，而不用擔心會寫錯；二、你大概省下了105字節字符，對於一個每日PV達 到千萬級的站點，它可以省下相當客觀流量；三、它是向後兼容的，是的，html5的doctype就是這樣寫的，並且現代瀏覽器都認識它。
如果你跟我一樣一直以爲：沒有指定dtd將會開啓瀏覽器的怪異模式，這種說法是錯的！正 確的說法應該是沒有定義doctype纔會開啓怪異模式，也就是說你只需要定義<!doctype html>就可以讓瀏覽器在嚴格模式（標準模式）下渲染頁面，而不需要指定某個類型dtd。讓我們來回顧一下，所有的瀏覽器都需要兩種模式：怪異模 式和嚴格模式（也有人叫標準模式）。IE 6 for Windows/mac, Mozilla, Safari和Opera 都實現了這兩種模式，但是IE 6以下版本永遠定在了怪異模式。關於兩種模式，你需要知道以下幾點：
- 在標準化之前寫的頁面是沒有doctype的，因此沒有doctype的頁面是在怪異模式下渲染的。
- 反過來說，如果web開發人員加入的doctype，說明他知道他所要做的事情，大部分的doctype會開啓嚴格模式（標準模式），頁面也會按照標準來渲染。
- 任何新的或者未知的doctype都會開啓嚴格模式（標準模式）。
- 每個瀏覽器都有自己的方式來激活怪異模式。你可以看看這個清單：http://hsivonen.iki.fi/doctype/
注意：你可以根本不需要根據你選擇的doctype來驗證你的頁面，只要doctype標籤存在就足以開啓嚴格模式（標準模式）了。如果你對我說的這些還是感到懷疑，那麼請前往http://www.quirksmode.org/css/quirksmode.html#link2瞭解你想知道的內容。我們只需要一小段JavaScript代碼就可以得到答案，它就是：
1 |
mode=document.compatMode; |
這個代碼可以用來判斷，當前瀏覽器是處於怪異模式還是標準模式，該屬性的兼容性毋庸置疑，如果你表示懷疑，可以查看http://www.quirksmode.org/dom/w3c_html.html#t11。你可以在你想測試的瀏覽器裏訪問：http://wanz.im/demo/doctype-test.html，便可看到結果了，據我所知，這樣並沒有激活怪異模式，即使是ie6下，如果你有什麼新發現，歡迎給我留言。