CSS代碼結構初探:DOCTYPE文檔類型及瀏覽器的模式_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
DOCTYPE文檔類型經常讓新手們困惑,這到底是什么東西。其實這只是一組機器可讀的規劃,雖然中間包含了文件的URL,但瀏覽器不會去讀取這些文件,只是用于識別。然后決定以什么樣的規劃去執行頁面中的代碼。
DTD是指文檔類型定義,它們定義XML、XHTML、HTML的特定的某一個版本中,可以有什么,不可以有什么,在載入網頁的時候,瀏覽器會用既定的聲明規劃去檢查頁面的內容,是不是有效,是不是違規,然后采取相應的措施與編碼解釋文檔中的代碼。
我們不去深入的了解它是什么工作的,因為它已經超出了本站的范疇。我們必須知道它是非常必要的!缺少了它,我們的頁面就可能出現一些異常的情況。往往一個新手編寫了代碼,按教程進行操作,沒有哪里出現一個字母的偏差,卻發現顯示出來的樣子完全不對了。這里應該檢查DOCTYPE文檔類型是不是正確。大多能解決問題!
我們開發符合Web標準的網站,必須要為我們的XHTML指定一種DOCTYPE,否則CSS可能會應用出錯。我們了解一下我們常用的幾種類型:
XHTML 1.0 提供了三種DTD聲明可供選擇:
過渡的(Transitional):要求非常寬松的DTD,它答應你繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。完整代碼如下:
嚴格的(Strict):要求嚴格的DTD,你不能使用任何表現層的標識和屬性,例如<br>。完整代碼如下:
框架的(Frameset):專門針對框架頁面設計使用的DTD,假如你的頁面中包含有框架,需要采用這種DTD。完整代碼如下:
在一般情況下我們選擇“過渡的(Transitional)”,這種DTD比較寬松,也比較輕易通過W3C的代碼校驗,比較適合目前國內的環境與大多數開發人員的水平。當然我們的目標是向著“嚴格的(Strict)”方向努力。
除此而外,我們發現在某些文檔中,還有另一句代碼:
這個"xmlns"是XHTML namespace的縮寫,叫做"名字空間"聲明。XHTML是HTML向XML過渡的標識語言,它需要符合XML文檔規則,因此也需要定義名字空間。又因為XHTML1.0不能自定義標識,所以它的名字空間都相同,就是"http://www.w3.org/1999/xhtml"。假如你還不太理解也不要緊,目前階段我們只要照抄代碼就可以了。
DTD是指文檔類型定義,它們定義XML、XHTML、HTML的特定的某一個版本中,可以有什么,不可以有什么,在載入網頁的時候,瀏覽器會用既定的聲明規劃去檢查頁面的內容,是不是有效,是不是違規,然后采取相應的措施與編碼解釋文檔中的代碼。
我們不去深入的了解它是什么工作的,因為它已經超出了本站的范疇。我們必須知道它是非常必要的!缺少了它,我們的頁面就可能出現一些異常的情況。往往一個新手編寫了代碼,按教程進行操作,沒有哪里出現一個字母的偏差,卻發現顯示出來的樣子完全不對了。這里應該檢查DOCTYPE文檔類型是不是正確。大多能解決問題!
我們開發符合Web標準的網站,必須要為我們的XHTML指定一種DOCTYPE,否則CSS可能會應用出錯。我們了解一下我們常用的幾種類型:
XHTML 1.0 提供了三種DTD聲明可供選擇:
過渡的(Transitional):要求非常寬松的DTD,它答應你繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。完整代碼如下:
示例代碼 [www.ghpqjb.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
嚴格的(Strict):要求嚴格的DTD,你不能使用任何表現層的標識和屬性,例如<br>。完整代碼如下:
示例代碼 [www.ghpqjb.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):專門針對框架頁面設計使用的DTD,假如你的頁面中包含有框架,需要采用這種DTD。完整代碼如下:
示例代碼 [www.ghpqjb.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
在一般情況下我們選擇“過渡的(Transitional)”,這種DTD比較寬松,也比較輕易通過W3C的代碼校驗,比較適合目前國內的環境與大多數開發人員的水平。當然我們的目標是向著“嚴格的(Strict)”方向努力。
除此而外,我們發現在某些文檔中,還有另一句代碼:
示例代碼 [www.ghpqjb.com]
<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"。假如你還不太理解也不要緊,目前階段我們只要照抄代碼就可以了。
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-CSS代碼結構初探:DOCTYPE文檔類型及瀏覽器的模式
。