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

來源:互聯網
上載者:User
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"。如果你還不太理解也不要緊,目前階段我們只要照抄代碼就可以了。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。