最近發(fā)現(xiàn)不少同學(xué)提出有關(guān)HTML+CSS的排版問(wèn)題，以及IE與FF環(huán)境下的兼容問(wèn)題。什么狀況的都有，總結(jié)起來(lái)就是一個(gè)——顯示很奇怪，很難調(diào)整。為什么呢？

我瀏覽的絕大多數(shù)網(wǎng)站，源碼的頂部都會(huì)有DOCTYPE聲明，但是很多人沒(méi)有注意它，甚至在創(chuàng)作時(shí)候直接將它刪掉，其實(shí)這往往就是噩夢(mèng)的開(kāi)始。在遵循標(biāo)準(zhǔn)的任何WEB文檔中，DOCTYPE都是一項(xiàng)必需的元素。它會(huì)影響代碼驗(yàn)證，并決定了瀏覽器最終如何顯示你的WEB文檔。為了避免DOCTYPE的問(wèn)題重復(fù)出現(xiàn)，我根據(jù)手頭的資料整理了這篇文檔，以備自己及有興趣的同學(xué)參考。

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

一、什么是DOCTYPE

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

二、DOCTYPE的規(guī)則

DOCTYPE聲明的寫(xiě)法遵循一定的規(guī)則，它指出閱讀程序應(yīng)該用什么規(guī)則集來(lái)解釋文檔中的標(biāo)記。在WEB文檔的情況下，“閱讀程序”通常是瀏覽器或者校驗(yàn)器這樣的一個(gè)程序，“規(guī)則”則是W3C所發(fā)布的一個(gè)文檔類型定義（DTD）中包含的規(guī)則。

每個(gè)DTD都包括標(biāo)記、attributes、properties等內(nèi)容，它們用于標(biāo)記WEB文檔的內(nèi)容；此外還包括一些規(guī)則，它們規(guī)定了哪些標(biāo)記能出現(xiàn)在其他哪些標(biāo)記中。每個(gè)WEB建議標(biāo)準(zhǔn)（比如html 4 frameset和xhtml 1.0 transitional）都有自己的DTD。

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

基本語(yǔ)法：

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

可能值：

頂級(jí)元素：指定DTD中聲明的頂級(jí)元素類型。這與聲明的SGML文檔類型相對(duì)應(yīng)。HTML默認(rèn)。HTML。

可用性：指定正式公開(kāi)標(biāo)識(shí)符(FPI)是可公開(kāi)訪問(wèn)的對(duì)象還是系統(tǒng)資源。PUBLIC默認(rèn)。可公開(kāi)訪問(wèn)的對(duì)象。SYSTEM系統(tǒng)資源，如本地文件或 URL。

注冊(cè)：指定組織是否由國(guó)際標(biāo)準(zhǔn)化組織(ISO)注冊(cè)。

+ 默認(rèn)。組織名稱已注冊(cè)。

- 組織名稱未注冊(cè)。Internet工程任務(wù)組(IETF)和萬(wàn)維網(wǎng)協(xié)會(huì)(W3C)并非注冊(cè)的ISO組織。

組織：指定表明負(fù)責(zé)由!DOCTYPE聲明引用的DTD的創(chuàng)建和維護(hù)的團(tuán)體或組織的名稱，即OwnderID。IETF。W3C。

類型：指定公開(kāi)文本類，即所引用的對(duì)象類型。DTD默認(rèn)。DTD。

標(biāo)簽：指定公開(kāi)文本描述，即對(duì)所引用的公開(kāi)文本的唯一描述性名稱。后面可附帶版本號(hào)。HTML默認(rèn)。HTML。

定義：指定文檔類型定義。分3種情況定義——

1）Frameset框架集文檔。

2）Strict排除所有W3C專家希望逐步淘汰的代表性屬性和元素，因?yàn)闃邮奖硪呀?jīng)很完善了。

3）Transitional包含除frameSet元素的全部?jī)?nèi)容。

語(yǔ)言：指定公開(kāi)文本語(yǔ)言，即用于創(chuàng)建所引用對(duì)象的自然語(yǔ)言編碼系統(tǒng)。該語(yǔ)言定義已編寫(xiě)為ISO 639語(yǔ)言代碼(大寫(xiě)兩個(gè)字母)。EN默認(rèn)。英語(yǔ)。

URL：指定所引用對(duì)象的位置。

為了獲得正確的DOCTYPE聲明，關(guān)鍵就是讓DTD與文檔所遵循的標(biāo)準(zhǔn)對(duì)應(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ù)摹?/p>

三、選擇什么樣的DOCTYPE

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

1）過(guò)渡的

一種要求不很嚴(yán)格的DTD（ZBLOG的主題模板大多采用這種類型定義），允許在頁(yè)面中使用HTML4.01的標(biāo)識(shí)（符合XHTML語(yǔ)法標(biāo)準(zhǔn)）。過(guò)渡的DTD的寫(xiě)法如下：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2）嚴(yán)格的

一種要求嚴(yán)格的DTD，不允許使用任何表現(xiàn)層的標(biāo)識(shí)和屬性，例如
等。嚴(yán)格的DTD的寫(xiě)法如下：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3）框架的

一種專門(mén)針對(duì)框架頁(yè)面的DTD，當(dāng)頁(yè)面中含有框架元素時(shí)，就要采用它。框架的DTD的寫(xiě)法如下：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

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

四、需要注意的問(wèn)題

沒(méi)什么特別的，就是一定要將DOCTYPE聲明放在XHTML文檔的頂部，上面哪怕多個(gè)HTML注釋標(biāo)記都不行。最好示例代碼也加上DOCTYPE，否則效果會(huì)有差異。

---