CSS布局 聲明文檔類型描述(DTD)_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
CSS布局建立符合WEB標(biāo)準(zhǔn)的頁(yè)面,一直是Mb5u.com探討的話題,今天說(shuō)說(shuō)聲明文檔類型描述(DTD)。
所有的文件需要用文檔類型定義(DTD)開(kāi)始,來(lái)告訴瀏覽器打開(kāi)頁(yè)面時(shí)應(yīng)遵循什么規(guī)則。
當(dāng)我們使用網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver 新建網(wǎng)頁(yè)文檔以后,你將會(huì)在新文檔的首行看到DOCTYPE聲明。
DOCTYPE是文檔類型的簡(jiǎn)寫,它定義當(dāng)前文檔的基本類型。即,所有的文件都需要用文檔類型定義(DTD)。
其實(shí)DOCTYPE只是一組機(jī)器可讀的規(guī)范,雖然中間包含了文件的URL,但瀏覽器不會(huì)去讀取這些文件,僅用于識(shí)別,然后決定以什么樣的規(guī)范去執(zhí)行頁(yè)面中的代碼。
"The DOCTYPE goes before the opening html tag at the top of the page and tells the browser whether the page contains HTML, XHTML, or a mix of both, so that it can correctly interpret the markup."
我們常用的4種文檔類型,來(lái)創(chuàng)建我們的網(wǎng)站
在4種文檔類型中:
HTML4.01提供了兩種常用的DTD :
(1).嚴(yán)格型(strict):要求嚴(yán)格的DTD,用戶必須使用符合HTML4.01中定義的標(biāo)簽。
(2).寬松行(loose):要求比較寬松的DTD,與以前的HTML其它版本兼容一些。
XHTML1.0提供了兩種常用的DTD :
(1).過(guò)渡型(transitional):要求非常寬松的DTD,它允許用戶繼續(xù)使用HTML4.01的標(biāo)簽,但是要符合XHTML的寫法。
(2).嚴(yán)格型(strict)
DTD表示文檔類型的定義,它們定義XML,XHTML和HTML的特定的某一個(gè)版本中可以有什么,不可以有什么,在載入網(wǎng)頁(yè)的時(shí)候,瀏覽器會(huì)用既定的聲明規(guī)范去檢查頁(yè)面的內(nèi)容,是不是有效,然后采取相應(yīng)的措施與編碼解釋文檔中的代碼。
對(duì)于它們是如何工作的,我們用不著深究,只要知道它們能保證我們開(kāi)發(fā)出標(biāo)準(zhǔn)的網(wǎng)頁(yè)和保證CSS的正確渲染。
一般情況下,我建議讀者選擇過(guò)渡型文檔類型,這種DTD比較寬松,也比較容易通過(guò)W3C的代碼校驗(yàn),比較適合目前國(guó)內(nèi)開(kāi)發(fā)環(huán)境和大多數(shù)開(kāi)發(fā)人員的水平。
當(dāng)我們也要向strict水平發(fā)展呀!不過(guò)Adobe Dreamweaver CS3/CS4工具中默認(rèn)的是strict。
所有的文件需要用文檔類型定義(DTD)開(kāi)始,來(lái)告訴瀏覽器打開(kāi)頁(yè)面時(shí)應(yīng)遵循什么規(guī)則。
當(dāng)我們使用網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver 新建網(wǎng)頁(yè)文檔以后,你將會(huì)在新文檔的首行看到DOCTYPE聲明。
DOCTYPE是文檔類型的簡(jiǎn)寫,它定義當(dāng)前文檔的基本類型。即,所有的文件都需要用文檔類型定義(DTD)。
其實(shí)DOCTYPE只是一組機(jī)器可讀的規(guī)范,雖然中間包含了文件的URL,但瀏覽器不會(huì)去讀取這些文件,僅用于識(shí)別,然后決定以什么樣的規(guī)范去執(zhí)行頁(yè)面中的代碼。
"The DOCTYPE goes before the opening html tag at the top of the page and tells the browser whether the page contains HTML, XHTML, or a mix of both, so that it can correctly interpret the markup."
我們常用的4種文檔類型,來(lái)創(chuàng)建我們的網(wǎng)站
示例代碼 [m.dounai2.com]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在4種文檔類型中:
HTML4.01提供了兩種常用的DTD :
(1).嚴(yán)格型(strict):要求嚴(yán)格的DTD,用戶必須使用符合HTML4.01中定義的標(biāo)簽。
(2).寬松行(loose):要求比較寬松的DTD,與以前的HTML其它版本兼容一些。
XHTML1.0提供了兩種常用的DTD :
(1).過(guò)渡型(transitional):要求非常寬松的DTD,它允許用戶繼續(xù)使用HTML4.01的標(biāo)簽,但是要符合XHTML的寫法。
(2).嚴(yán)格型(strict)
DTD表示文檔類型的定義,它們定義XML,XHTML和HTML的特定的某一個(gè)版本中可以有什么,不可以有什么,在載入網(wǎng)頁(yè)的時(shí)候,瀏覽器會(huì)用既定的聲明規(guī)范去檢查頁(yè)面的內(nèi)容,是不是有效,然后采取相應(yīng)的措施與編碼解釋文檔中的代碼。
對(duì)于它們是如何工作的,我們用不著深究,只要知道它們能保證我們開(kāi)發(fā)出標(biāo)準(zhǔn)的網(wǎng)頁(yè)和保證CSS的正確渲染。
一般情況下,我建議讀者選擇過(guò)渡型文檔類型,這種DTD比較寬松,也比較容易通過(guò)W3C的代碼校驗(yàn),比較適合目前國(guó)內(nèi)開(kāi)發(fā)環(huán)境和大多數(shù)開(kāi)發(fā)人員的水平。
當(dāng)我們也要向strict水平發(fā)展呀!不過(guò)Adobe Dreamweaver CS3/CS4工具中默認(rèn)的是strict。
相關(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廢棄的元素
- 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)之路
- W3C驗(yàn)證中10個(gè)常見(jiàn)問(wèn)題
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- DIV+CSS:如何編寫代碼才能更有效率
- 學(xué)習(xí)網(wǎng)站建設(shè)技術(shù)CSS布局心得
- XHTML CSS網(wǎng)站開(kāi)發(fā)及Web標(biāo)準(zhǔn)的優(yōu)勢(shì)和問(wèn)題淺析
- 推薦: CSS樣式表設(shè)計(jì)經(jīng)驗(yàn)之10種技巧
- Theultimatewebdesignusabilitychecklist
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- Web標(biāo)準(zhǔn):清清楚楚的明白Web標(biāo)準(zhǔn)的價(jià)值!
- 最新CSS Hack匯總快查
- DreamweaverCS3體驗(yàn)1
- XHTML與CSS的面向?qū)ο缶幊?/a>
猜你也喜歡看這些
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問(wèn)題的解決辦法
- 用!important解決IE和Mozilla的布局差別
- 兼容FIREFOX下背景層的自適應(yīng)高度
- 區(qū)分IE6,IE7和firefox的CSS hack
- overflow與text-indent:-9999px 字體隱藏及input value偏移
- 最常用的10種CSS BUG解決方法與技巧
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- CSS初學(xué)者技巧:談CSS的標(biāo)準(zhǔn)和最佳示例
- IE中圖片下方的空隙怎么解決?
- 相關(guān)鏈接:
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-CSS布局 聲明文檔類型描述(DTD)。