CSS代碼結(jié)構(gòu)初探：DOCTYPE文檔類型及瀏覽器的模式_Web標(biāo)準(zhǔn)教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　DOCTYPE文檔類型經(jīng)常讓新手們困惑，這到底是什么東西。其實(shí)這只是一組機(jī)器可讀的規(guī)劃，雖然中間包含了文件的URL，但瀏覽器不會去讀取這些文件，只是用于識別。然后決定以什么樣的規(guī)劃去執(zhí)行頁面中的代碼。

　　DTD是指文檔類型定義，它們定義XML、XHTML、HTML的特定的某一個版本中，可以有什么，不可以有什么，在載入網(wǎng)頁的時候，瀏覽器會用既定的聲明規(guī)劃去檢查頁面的內(nèi)容，是不是有效，是不是違規(guī)，然后采取相應(yīng)的措施與編碼解釋文檔中的代碼。

　　我們不去深入的了解它是什么工作的，因?yàn)樗呀?jīng)超出了本站的范疇。我們必須知道它是非常必要的！缺少了它，我們的頁面就可能出現(xiàn)一些異常的情況。往往一個新手編寫了代碼，按教程進(jìn)行操作，沒有哪里出現(xiàn)一個字母的偏差，卻發(fā)現(xiàn)顯示出來的樣子完全不對了。這里應(yīng)該檢查DOCTYPE文檔類型是不是正確。大多能解決問題！

　　我們開發(fā)符合Web標(biāo)準(zhǔn)的網(wǎng)站，必須要為我們的XHTML指定一種DOCTYPE，否則CSS可能會應(yīng)用出錯。我們了解一下我們常用的幾種類型：

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

　　過渡的(Transitional):要求非常寬松的DTD，它答應(yīng)你繼續(xù)使用HTML4.01的標(biāo)識(但是要符合xhtml的寫法)。完整代碼如下：

示例代碼 [www.hl5o.cn]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　嚴(yán)格的(Strict):要求嚴(yán)格的DTD，你不能使用任何表現(xiàn)層的標(biāo)識和屬性，例如<br>。完整代碼如下：

示例代碼 [www.hl5o.cn]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　框架的(Frameset):專門針對框架頁面設(shè)計(jì)使用的DTD，假如你的頁面中包含有框架，需要采用這種DTD。完整代碼如下：

示例代碼 [www.hl5o.cn]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

　　在一般情況下我們選擇“過渡的(Transitional)”，這種DTD比較寬松，也比較輕易通過W3C的代碼校驗(yàn)，比較適合目前國內(nèi)的環(huán)境與大多數(shù)開發(fā)人員的水平。當(dāng)然我們的目標(biāo)是向著“嚴(yán)格的(Strict)”方向努力。

　　除此而外，我們發(fā)現(xiàn)在某些文檔中，還有另一句代碼：

示例代碼 [www.hl5o.cn]

　　這個"xmlns"是XHTML namespace的縮寫，叫做"名字空間"聲明。XHTML是HTML向XML過渡的標(biāo)識語言，它需要符合XML文檔規(guī)則，因此也需要定義名字空間。又因?yàn)閄HTML1.0不能自定義標(biāo)識，所以它的名字空間都相同，就是"http://www.w3.org/1999/xhtml"。假如你還不太理解也不要緊，目前階段我們只要照抄代碼就可以了。