CSS代碼結(jié)構(gòu)初探:DOCTYPE文檔類(lèi)型及瀏覽器的模式_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
DOCTYPE文檔類(lèi)型經(jīng)常讓新手們困惑,這到底是什么東西。其實(shí)這只是一組機(jī)器可讀的規(guī)劃,雖然中間包含了文件的URL,但瀏覽器不會(huì)去讀取這些文件,只是用于識(shí)別。然后決定以什么樣的規(guī)劃去執(zhí)行頁(yè)面中的代碼。
DTD是指文檔類(lèi)型定義,它們定義XML、XHTML、HTML的特定的某一個(gè)版本中,可以有什么,不可以有什么,在載入網(wǎng)頁(yè)的時(shí)候,瀏覽器會(huì)用既定的聲明規(guī)劃去檢查頁(yè)面的內(nèi)容,是不是有效,是不是違規(guī),然后采取相應(yīng)的措施與編碼解釋文檔中的代碼。
我們不去深入的了解它是什么工作的,因?yàn)樗呀?jīng)超出了本站的范疇。我們必須知道它是非常必要的!缺少了它,我們的頁(yè)面就可能出現(xiàn)一些異常的情況。往往一個(gè)新手編寫(xiě)了代碼,按教程進(jìn)行操作,沒(méi)有哪里出現(xiàn)一個(gè)字母的偏差,卻發(fā)現(xiàn)顯示出來(lái)的樣子完全不對(duì)了。這里應(yīng)該檢查DOCTYPE文檔類(lèi)型是不是正確。大多能解決問(wèn)題!
我們開(kāi)發(fā)符合Web標(biāo)準(zhǔn)的網(wǎng)站,必須要為我們的XHTML指定一種DOCTYPE,否則CSS可能會(huì)應(yīng)用出錯(cuò)。我們了解一下我們常用的幾種類(lèi)型:
XHTML 1.0 提供了三種DTD聲明可供選擇:
過(guò)渡的(Transitional):要求非常寬松的DTD,它答應(yīng)你繼續(xù)使用HTML4.01的標(biāo)識(shí)(但是要符合x(chóng)html的寫(xiě)法)。完整代碼如下:
嚴(yán)格的(Strict):要求嚴(yán)格的DTD,你不能使用任何表現(xiàn)層的標(biāo)識(shí)和屬性,例如<br>。完整代碼如下:
框架的(Frameset):專(zhuān)門(mén)針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD,假如你的頁(yè)面中包含有框架,需要采用這種DTD。完整代碼如下:
在一般情況下我們選擇“過(guò)渡的(Transitional)”,這種DTD比較寬松,也比較輕易通過(guò)W3C的代碼校驗(yàn),比較適合目前國(guó)內(nèi)的環(huán)境與大多數(shù)開(kāi)發(fā)人員的水平。當(dāng)然我們的目標(biāo)是向著“嚴(yán)格的(Strict)”方向努力。
除此而外,我們發(fā)現(xiàn)在某些文檔中,還有另一句代碼:
這個(gè)"xmlns"是XHTML namespace的縮寫(xiě),叫做"名字空間"聲明。XHTML是HTML向XML過(guò)渡的標(biāo)識(shí)語(yǔ)言,它需要符合XML文檔規(guī)則,因此也需要定義名字空間。又因?yàn)閄HTML1.0不能自定義標(biāo)識(shí),所以它的名字空間都相同,就是"http://www.w3.org/1999/xhtml"。假如你還不太理解也不要緊,目前階段我們只要照抄代碼就可以了。
DTD是指文檔類(lèi)型定義,它們定義XML、XHTML、HTML的特定的某一個(gè)版本中,可以有什么,不可以有什么,在載入網(wǎng)頁(yè)的時(shí)候,瀏覽器會(huì)用既定的聲明規(guī)劃去檢查頁(yè)面的內(nèi)容,是不是有效,是不是違規(guī),然后采取相應(yīng)的措施與編碼解釋文檔中的代碼。
我們不去深入的了解它是什么工作的,因?yàn)樗呀?jīng)超出了本站的范疇。我們必須知道它是非常必要的!缺少了它,我們的頁(yè)面就可能出現(xiàn)一些異常的情況。往往一個(gè)新手編寫(xiě)了代碼,按教程進(jìn)行操作,沒(méi)有哪里出現(xiàn)一個(gè)字母的偏差,卻發(fā)現(xiàn)顯示出來(lái)的樣子完全不對(duì)了。這里應(yīng)該檢查DOCTYPE文檔類(lèi)型是不是正確。大多能解決問(wèn)題!
我們開(kāi)發(fā)符合Web標(biāo)準(zhǔn)的網(wǎng)站,必須要為我們的XHTML指定一種DOCTYPE,否則CSS可能會(huì)應(yīng)用出錯(cuò)。我們了解一下我們常用的幾種類(lèi)型:
XHTML 1.0 提供了三種DTD聲明可供選擇:
過(guò)渡的(Transitional):要求非常寬松的DTD,它答應(yīng)你繼續(xù)使用HTML4.01的標(biāo)識(shí)(但是要符合x(chóng)html的寫(xiě)法)。完整代碼如下:
示例代碼 [www.wf0088.com]
<!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)識(shí)和屬性,例如<br>。完整代碼如下:
示例代碼 [www.wf0088.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):專(zhuān)門(mén)針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD,假如你的頁(yè)面中包含有框架,需要采用這種DTD。完整代碼如下:
示例代碼 [www.wf0088.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
在一般情況下我們選擇“過(guò)渡的(Transitional)”,這種DTD比較寬松,也比較輕易通過(guò)W3C的代碼校驗(yàn),比較適合目前國(guó)內(nèi)的環(huán)境與大多數(shù)開(kāi)發(fā)人員的水平。當(dāng)然我們的目標(biāo)是向著“嚴(yán)格的(Strict)”方向努力。
除此而外,我們發(fā)現(xiàn)在某些文檔中,還有另一句代碼:
示例代碼 [www.wf0088.com]
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
這個(gè)"xmlns"是XHTML namespace的縮寫(xiě),叫做"名字空間"聲明。XHTML是HTML向XML過(guò)渡的標(biāo)識(shí)語(yǔ)言,它需要符合XML文檔規(guī)則,因此也需要定義名字空間。又因?yàn)閄HTML1.0不能自定義標(biāo)識(shí),所以它的名字空間都相同,就是"http://www.w3.org/1999/xhtml"。假如你還不太理解也不要緊,目前階段我們只要照抄代碼就可以了。
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類(lèi)型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- Web前端開(kāi)發(fā)工程師必備技術(shù)列表
- 用CSS使圖片自適應(yīng)顯示寬度
- 學(xué)習(xí)CSS的10大理由
- CSS樣式表設(shè)計(jì)的十條技巧
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 一個(gè)網(wǎng)友觀點(diǎn):兩年以來(lái)使用DIV排版的經(jīng)驗(yàn)!
- 在IE中為abbr標(biāo)簽加樣式
- 在IE流覽器中正確顯示PNG透明圖片
- 用css和js實(shí)現(xiàn)firefox和IE支持局部打印
- 結(jié)構(gòu)(Structure)表現(xiàn)(Presentation)和行為(Behavior)
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索CSS代碼結(jié)構(gòu)初探:DOCTYPE文檔類(lèi)型及瀏覽器的模式
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-CSS代碼結(jié)構(gòu)初探:DOCTYPE文檔類(lèi)型及瀏覽器的模式。