以前在寫網頁都是從 <html>...</html>, 不知道何時開始, 習慣都會在第一行加上 <!DOCTYPE ...>, 一般都只想到就是要把他宣告成 XHTML, XML, HTML, 後來研究 DTD 後才了解, 原來這一行不是那麼簡單的隨便加一加而已.. XD
加 <!DOCTYPE...> 這行的用意在於說, 一般 Broswer 有自己對 HTML Tag 的解釋, 但是想要符合各種的 Broswer 的話該怎麼辦呢? 於是這就需要統一的規格, 此 <!DOCTYPE...> 就是規範此規格, 所有 Broswer 如果看到此行, 會去看此 URL 的 DTD 規範, 依照此規範去解釋 HTML Tag, 因此就比較不會有不相容的狀況發生, 而此規範通常都是採用 W3C 規定的標準為主.
而目前有哪些 <!DOCTYPE ..> 的宣告, 以下列表取自於A List Apart: Articles: Fix Your Site With the Right DOCTYPE!
:
HTML 4.01 Strict, Transitional, Frameset
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.1 DTD
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
以上寫法, 要就連成一行, 如果要斷行, 必須要在 //EN" 此處斷行.
在撰寫此標準 HTML 時, 經常使用的網站列表:
- HTML 4.01 建議規格
- HTML 4 DTD: HTML 4 Document Type Definition
- W3C 標準驗證服務 - 可以用來檢查是否有 Html Error
- DTD 教學
- HTML 文件的架構
- IE and the CSS Box Model: Wronger than Wrong - 這篇有用圖片解釋套 DOCTYPE 的差別
- Quirks mod(Wikipedia) - 各種型態的 DOCTYPE 於瀏覽器的相容性表格
- MSDN DOCTYPE
- Activating Browser Modes with Doctype