Kaie's Blog: 2008-05

[XHTML] DOCTYPE (引用外部 DTD 規範)

　　Blog玩了這麼久，從來沒有手動從頭打造過一個網站，以致於一些細節的部份，都沒注意到，導致我浪費很多時間在Debug一個怪問題，還以為IE又Sucks了勒..囧。就是在弄和Browswer Compatibility(IE6、IE7、Firefox、Safari)有關的issue時，由於要打造一個"盡量"能夠在外觀上一致的Web User Interface，一直在搞CSS Hack這玩意兒，但卡在某個關卡，一直找不出為何css hack一直失敗，原本還想說，該死的M$又有新的patch導致IE6、IE7又可以識別某些特殊的selector了，害我一直找新的css hack，但沒想到是自己耍白痴，沒有基本常識，連 <!DOCTYPE> 這個最基本的東西都沒加到，當然css hack一直失效啦...OMFG，害我花了兩個多小時，結果玩了更多的CSS Hack，盡是一些「奇淫技巧」...Orz。
　　因此，我學到了，在寫XHTML的第一步就是記得聲明符合自己需要的DOCTYPE，但這些DOCTYPE又有許多Branch，要深入了解，得再花些時間，遵循"有名"大站的DOCTYPE來試試，不失為一個好方法。

※Blogger.com以及Facebook所使用的為，嚴格的(Strict):要求嚴格的DTD，你不能使用任何表現層的標識和屬性<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
※著名的設計大師Zeldman個人網站使用的是過渡的(Transitional):要求非常寬鬆的DTD，它允許你繼續使用html4.01的標識(但是要符合xhtml的寫法)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
引述自此站：
　　如果 HTML 缺少第一行的 DOCTYPE 設定，將會使得瀏覽器無法在「標準模式」下顯示 CSS 效果！
　　缺少第一行的 DOCTYPE 設定時，瀏覽器會變成 Quirks 模式， Quirks 模式有人翻譯為「舊版相容模式」、有人翻譯為「怪癖模式」...... 主要都是會讓網頁無法正確顯示 CSS 的正確效果，變成和 IE5 差不多的舊式效果！
　　因此以在 HTML 中的第一行一定要有 DOCTYPE 的宣告設定！XHTML 目前已發展到 XHTML 2.0 版本，但是在現今瀏覽器與 CSS 整合上的應用還是以 XHTML 1.0 版本的相容性最好， XHTML 1.1 以後語法的改變差異太大，有些常用的網頁語法都不能用了，因此目前最多人使用的還是 XHTML 1.0 版本。※參考資料來源： XHTML1.0 的文件架構