DOCTYPE的選擇
DOCTYPE的選擇也就是文件類型選擇，這決定頁面元素和定義的CSS會不會生效，因為在不同的DOCTYPE中，頁面中可以使用的HTML元素不同，讓我們一起來看一下。
什麼是DOCTYPE
DOCTYPE是Document Type(文件類型)的簡寫，在頁面中，用來指定頁面所使用的XHTML（或者HTML）的版本，要想製作符合標準的頁面，一個必不可少的關鍵組成部分就是DOCTYPE聲明，只有確定了正確的DOCTYPE，XHTML中的標識和CSS才能正常生效。
選擇什麼樣的DOCTYPE
在XHTML1.0中有3中DTD（文件類型定義）可以選擇，分別是過渡的（Transitional)、嚴格的（Strict)和架構的（Frameset)
1.過渡的文件類型
過渡的文件類型是一種要求不是很嚴格的DTD允許在頁面中使用HTML4.01的標識（書寫方法要符合XHTML文法標準）。過渡的DTD的寫法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
嚴格的文件類型
嚴格的文件類型是一種要求嚴格的DTD，不允許使用任何錶現層的標識和屬性，例如<font>等，寫法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
架構的文件類型
架構的文件類型是一種針對架構頁面所使用的DTD，當頁面中含有架構元素時，就要採用這種DTD，架構的DTD寫法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">
嚴格的DTD是最理想的文件類型，但是對於不是很瞭解WEB標準的網頁設計師來說，比較合適用過渡的DTD，因為這種DTD還允許使用表現層的標識、元素和屬性同時也符合XHTML的文法標準，比較適合大多數網頁製作人員。
使用CSS控制效果的好處
使用CSS控製表現效果的好處，可以縮減頁面代碼、提高瀏覽速度、縮減頻寬成本，由於頁面結構清晰，能使網頁更容易被搜尋引擎搜到，其最好的好處就是體現在下面兩個方面：
為網站瀏覽者帶來的好處
1.1頁面代碼量少，檔案下載和顯示速度更快。
1.2語義結構清楚，便於更多的使用者訪問。
1.3結構和表現相分離，能被更多的裝置訪問。
1.4表現效果獨立，使用者可以選擇自己喜歡的風格。
為網站擁有者帶來的好處
2.1代碼簡潔和組件更少，便於維護。
2.2對頻寬要求低，可以節約成本。
2.3頁面結構具有清晰的語義性，便於搜尋引擎搜尋到。
2.4結構和表現相分離的特點使修改頁面外觀更容易，同時不變動頁面內容。
2.5通過調用不同的樣式檔案，可以方便地提供列印版本。
2.6頁面結構清晰，網站變得更加容易使用。
http://www.ibcut.com/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
