CSS布局建立符合WEB標准的頁面,一直是webjx.com探討的話題,今天說說聲明文檔類型描述(DTD)。
所有的文件需要用文檔類型定義(DTD)開始,來告訴浏覽器打開頁面時應遵循什麼規則。
當我們使用網頁設計工具Dreamweaver 新建網頁文檔以後,你將會在新文檔的首行看到DOCTYPE聲明。
DOCTYPE是文檔類型的簡寫,它定義當前文檔的基本類型。即,所有的文件都需要用文檔類型定義(DTD)。
其實DOCTYPE只是一組機器可讀的規范,雖然中間包含了文件的URL,但浏覽器不會去讀取這些文件,僅用於識別,然後決定以什麼樣的規范去執行頁面中的代碼。
"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種文檔類型,來創建我們的網站
<!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">
在4種文檔類型中:
Html4.01提供了兩種常用的DTD :
(1).嚴格型(strict):要求嚴格的DTD,用戶必須使用符合Html4.01中定義的標簽。
(2).寬松行(loose):要求比較寬松的DTD,與以前的Html其它版本兼容一些。
XHtml1.0提供了兩種常用的DTD :
(1).過渡型(transitional):要求非常寬松的DTD,它允許用戶繼續使用HTML4.01的標簽,但是要符合XHtml的寫法。
(2).嚴格型(strict)
DTD表示文檔類型的定義,它們定義XML,XHTML和Html的特定的某一個版本中可以有什麼,不可以有什麼,在載入網頁的時候,浏覽器會用既定的聲明規范去檢查頁面的內容,是不是有效,然後采取相應的措施與編碼解釋文檔中的代碼。
對於它們是如何工作的,我們用不著深究,只要知道它們能保證我們開發出標准的網頁和保證CSS的正確渲染。
一般情況下,我建議讀者選擇過渡型文檔類型,這種DTD比較寬松,也比較容易通過W3C的代碼校驗,比較適合目前國內開發環境和大多數開發人員的水平。
當我們也要向strict水平發展呀!不過Adobe Dreamweaver CS3/CS4工具中默認的是strict。