當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作

發布時間：2025/3/20 CSS 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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/

轉載于:https://www.cnblogs.com/amylis_chen/archive/2012/08/05/2623574.html

以上是生活随笔為你收集整理的DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。