CSS初學：DOCTYPE文件類型及瀏覽器的模式介紹

最後更新：2017-02-28 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

css|初學|瀏覽器　　DOCTYPE文件類型常常讓新手們困惑，這到底是什麼東西。其實這隻是一組機器可讀的規劃，雖然中間包含了檔案的URL，但瀏覽器不會去讀取這些檔案，只是用於識別。然後決定以什麼樣的規划去執行頁面中的代碼。

　　DTD是指文件類型定義，它們定義XML、XHTML、HTML的特定的某一個版本中，可以有什麼，不可以有什麼，在載入網頁的時候，瀏覽器會用既定的聲明規划去檢查頁面的內容，是不是有效，是不是違規，然後採取相應的措施與編碼解釋文檔中的代碼。

　　我們不去深入的瞭解它是什麼工作的，因為它已經超出了本站的範疇。我們必須知道它是非常必要的！缺少了它，我們的頁面就可能出現一些異常的情況。往往一個新手編寫了代碼，按教程進行操作，沒有哪裡出現一個字母的偏差，卻發現顯示出來的樣子完全不對了。這裡應該檢查DOCTYPE文件類型是不是正確。大多能解決問題！

　　我們開發符合Web標準的網站，必須要為我們的XHTML指定一種DOCTYPE，否則CSS可能會應用出錯。我們瞭解一下我們常用的幾種類型：

　　XHTML 1.0 提供了三種DTD聲明可供選擇：

　　過渡的(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">
　　嚴格的(Strict):要求嚴格的DTD，你不能使用任何錶現層的標識和屬性，例如<br>。完整代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
　　架構的(Frameset):專門針對架構頁面設計使用的DTD，如果你的頁面中包含有架構，需要採用這種DTD。完整代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
　　在一般情況下我們選擇“過渡的(Transitional)”，這種DTD比較寬鬆，也比較容易通過W3C的代碼校正，比較適合目前國內的環境與大多數開發人員的水平。當然我們的目標是向著“嚴格的(Strict)”方向努力。

　　除此而外，我們發現在某些文檔中，還有另一句代碼：

<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
　　這個"xmlns"是XHTML namespace的縮寫，叫做"名字空間"聲明。XHTML是HTML向XML過渡的標識語言，它需要符合XML文檔規則，因此也需要定義名字空間。又因為XHTML1.0不能自訂標識，所以它的名字空間都相同，就是"http://www.w3.org/1999/xhtml"。如果你還不太理解也不要緊，目前階段我們只要照抄代碼就可以了。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More