DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作
DOCTYPE的選擇
DOCTYPE的選擇也就是文檔類型選擇，這決定頁(yè)面元素和定義的CSS會(huì)不會(huì)生效，因?yàn)樵诓煌?/span>DOCTYPE中，頁(yè)面中可以使用的HTML元素不同，讓我們一起來看一下。
什么是DOCTYPE
DOCTYPE是Document Type(文檔類型)的簡(jiǎn)寫，在頁(yè)面中，用來指定頁(yè)面所使用的XHTML（或者HTML）的版本，要想制作符合標(biāo)準(zhǔn)的頁(yè)面，一個(gè)必不可少的關(guān)鍵組成部分就是DOCTYPE聲明，只有確定了正確的DOCTYPE，XHTML中的標(biāo)識(shí)和CSS才能正常生效。
選擇什么樣的DOCTYPE
在XHTML1.0中有3中DTD（文檔類型定義）可以選擇，分別是過渡的（Transitional)、嚴(yán)格的（Strict)和框架的（Frameset)
1.過渡的文檔類型
過渡的文檔類型是一種要求不是很嚴(yán)格的DTD允許在頁(yè)面中使用HTML4.01的標(biāo)識(shí)（書寫方法要符合XHTML語(yǔ)法標(biāo)準(zhǔn)）。過渡的DTD的寫法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
嚴(yán)格的文檔類型
嚴(yán)格的文檔類型是一種要求嚴(yán)格的DTD，不允許使用任何表現(xiàn)層的標(biāo)識(shí)和屬性，例如<font>等，寫法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
框架的文檔類型
框架的文檔類型是一種針對(duì)框架頁(yè)面所使用的DTD，當(dāng)頁(yè)面中含有框架元素時(shí)，就要采用這種DTD，框架的DTD寫法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">
嚴(yán)格的DTD是最理想的文檔類型，但是對(duì)于不是很了解WEB標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)師來說，比較合適用過渡的DTD，因?yàn)檫@種DTD還允許使用表現(xiàn)層的標(biāo)識(shí)、元素和屬性同時(shí)也符合XHTML的語(yǔ)法標(biāo)準(zhǔn)，比較適合大多數(shù)網(wǎng)頁(yè)制作人員。
使用CSS控制效果的好處
使用CSS控制表現(xiàn)效果的好處，可以縮減頁(yè)面代碼、提高瀏覽速度、縮減帶寬成本，由于頁(yè)面結(jié)構(gòu)清晰，能使網(wǎng)頁(yè)更容易被搜索引擎搜到，其最好的好處就是體現(xiàn)在下面兩個(gè)方面：
為網(wǎng)站瀏覽者帶來的好處
1.1頁(yè)面代碼量少，文件下載和顯示速度更快。
1.2語(yǔ)義結(jié)構(gòu)清楚，便于更多的用戶訪問。
1.3結(jié)構(gòu)和表現(xiàn)相分離，能被更多的設(shè)備訪問。
1.4表現(xiàn)效果獨(dú)立，用戶可以選擇自己喜歡的風(fēng)格。
為網(wǎng)站擁有者帶來的好處
2.1代碼簡(jiǎn)潔和組件更少，便于維護(hù)。
2.2對(duì)帶寬要求低，可以節(jié)約成本。
2.3頁(yè)面結(jié)構(gòu)具有清晰的語(yǔ)義性，便于搜索引擎搜索到。
2.4結(jié)構(gòu)和表現(xiàn)相分離的特點(diǎn)使修改頁(yè)面外觀更容易，同時(shí)不變動(dòng)頁(yè)面內(nèi)容。
2.5通過調(diào)用不同的樣式文件，可以方便地提供打印版本。
2.6頁(yè)面結(jié)構(gòu)清晰，網(wǎng)站變得更加容易使用。
http://www.ibcut.com/
轉(zhuǎn)載于:https://www.cnblogs.com/amylis_chen/archive/2012/08/05/2623574.html
總結(jié)
以上是生活随笔為你收集整理的DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 冒犯了，问大家一个问题，会linux的进
- 下一篇： Objective-C语法之KVC使用