Web標(biāo)準(zhǔn):關(guān)于DOCTYPE_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

DOCTYPE不可怕，但把它拿走，會讓你怕了又怕。

最近在藍(lán)色理想轉(zhuǎn)悠，發(fā)現(xiàn)很多朋友提出有關(guān)DIV CSS排版問題，以及IE與FF的兼容問題。怎么問的都有，結(jié)果就是一個——顯示很希奇，很難調(diào)整。我們?yōu)g覽的大多數(shù)網(wǎng)站，或者用Dreamweaver創(chuàng)建一個新的網(wǎng)頁文檔時，源碼的頂部都會有DocType聲明，但是很多人沒有注重它，甚至在創(chuàng)作時候直接將它刪掉，其實這往往就是噩夢的開始。在遵循標(biāo)準(zhǔn)的任何Web文檔中，DOCTYPE都是一項必需的元素。它會影響代碼驗證，并決定了瀏覽器最終如何顯示你的web文檔。為了避免DOCTYPE的問題重復(fù)出現(xiàn)，我根據(jù)手頭的資料整理了這篇文檔，以備自己及有愛好的朋友參考。

在默認(rèn)情況下，F(xiàn)F和IE的解釋標(biāo)準(zhǔn)是不一樣的，也就是說，假如一個網(wǎng)頁沒有聲明DOCTYPE，它就會以默認(rèn)的DOCTYPE解釋下面的HTML。在同一種標(biāo)準(zhǔn)下，不同瀏覽器的解釋模型都有所差異，假如聲明標(biāo)準(zhǔn)不同，不用我說，您自己想就可以了。學(xué)習(xí)網(wǎng)頁標(biāo)準(zhǔn)，瀏覽器兼容，從哪里開始您自己決定，但是，請熟悉DOCTYPE：

一、什么是DOCTYPE

DOCTYPE是Document Type（文檔類型）的簡寫，在頁面中，用來指定頁面所使用的XHTML（或者HTML）的版本。要想制作符合標(biāo)準(zhǔn)的頁面，一個必不可少的要害組成部分就是DOCTYPE聲明。只有確定了一個正確的DOCTYPE，XHTML里的標(biāo)識和CSS才能正常生效。

二、DOCTYPE的規(guī)則

DOCTYPE聲明的寫法遵循一定的規(guī)則，它指出閱讀程序應(yīng)該用什么規(guī)則集來解釋文檔中的標(biāo)記。在Web文檔的情況下，“閱讀程序”通常是瀏覽器或者校驗器這樣的一個程序，“規(guī)則”則是w3c所發(fā)布的一個文檔類型定義（dtd）中包含的規(guī)則。
每個dtd都包括標(biāo)記、attributes、properties等內(nèi)容，它們用于標(biāo)記web文檔的內(nèi)容；此外還包括一些規(guī)則，它們規(guī)定了哪些標(biāo)記能出現(xiàn)在其他哪些標(biāo)記中。每個web建議標(biāo)準(zhǔn)（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。

以下是從手冊上摘抄的規(guī)則：

語法：

HTML 頂級元素可用性 "注冊//組織//類型標(biāo)簽//定義語言""URL"

可能值：

- 頂級元素：指定 DTD 中聲明的頂級元素類型。這與聲明的 SGML 文檔類型相對應(yīng)。 HTML 默認(rèn)。HTML。
- 可用性：指定正式公開標(biāo)識符(FPI)是可公開訪問的對象還是系統(tǒng)資源。 PUBLIC 默認(rèn)。可公開訪問的對象。SYSTEM 系統(tǒng)資源，如本地文件或 URL。
- 注冊：指定組織是否由國際標(biāo)準(zhǔn)化組織(ISO)注冊。默認(rèn)。組織名稱已注冊。
- 組織名稱未注冊。Internet 工程任務(wù)組(IETF)和萬維網(wǎng)協(xié)會(W3C)并非注冊的 ISO 組織。
組織：指定表明負(fù)責(zé)由 !DOCTYPE 聲明引用的 DTD 的創(chuàng)建和維護(hù)的團(tuán)體或組織的名稱，即 OwnderID。 IETF IETF。 W3C W3C。
- 類型：指定公開文本類，即所引用的對象類型。 DTD 默認(rèn)。DTD。
- 標(biāo)簽：指定公開文本描述，即對所引用的公開文本的唯一描述性名稱。后面可附帶版本號。 HTML 默認(rèn)。HTML。
- 定義：指定文檔類型定義。
　　Frameset 框架集文檔。
　　Strict 排除所有 W3C 專家希望逐步淘汰的代表性屬性和元素，因為樣式表已經(jīng)很完善了。
　　Transitional 包含除 frameSet 元素的全部內(nèi)容。
- 語言：指定公開文本語言，即用于創(chuàng)建所引用對象的自然語言編碼系統(tǒng)。該語言定義已編寫為 ISO 639 語言代碼(大寫兩個字母)。 EN 默認(rèn)。英語。
- URL：指定所引用對象的位置

為了獲得正確的DOCTYPE聲明，要害就是讓dtd與文檔所遵循的標(biāo)準(zhǔn)對應(yīng)。例如，假定文檔遵循的是xhtml 1.0 strict標(biāo)準(zhǔn)，文檔的doctype聲明就應(yīng)該引用相應(yīng)的dtd。另一方面，假如doctype聲明指定的是xhtml dtd，但文檔包含的是舊式風(fēng)格的html標(biāo)記，就是不恰當(dāng)?shù)模活愃频兀偃鏳octype聲明指定的是html dtd，但文檔包含的是xhtml 1.0 strict標(biāo)記，同樣是不恰當(dāng)?shù)摹?

三、選擇什么樣的DOCTYPE

如上例所示，XHTML 1.0中有3種DTD（文檔類型定義）聲明可以選擇：過渡的（Transitional）、嚴(yán)格的（Strict）和框架的（Frameset）。這里分別介紹如下。

1．過渡的

一種要求不很嚴(yán)格的DTD，答應(yīng)在頁面中使用HTML4.01的標(biāo)識（符合xhtml語法標(biāo)準(zhǔn)）。過渡的DTD的寫法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2．嚴(yán)格的

一種要求嚴(yán)格的DTD，不答應(yīng)使用任何表現(xiàn)層的標(biāo)識和屬性，例如<br/>等。嚴(yán)格的DTD的寫法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3．框架的

一種專門針對框架頁面所使用的DTD，當(dāng)頁面中含有框架元素時，就要采用這種DTD。框架的DTD的寫法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

使用嚴(yán)格的DTD來制作頁面，當(dāng)然是最理想的方式。但是，對于沒有深入了解Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計者，比較合適的是使用過渡的DTD。因為這種DTD還答應(yīng)使用表現(xiàn)層的標(biāo)識、元素和屬性，比較適合大多數(shù)網(wǎng)頁制作人員。

四、需要注重的問題

沒什么非凡的，就是一定要將DOCTYPE聲明放在XHTML文檔的頂部，上面哪怕多個HTML注釋標(biāo)記都不行。

最好示例代碼也加上DOCTYPE，否則效果會有差異。