本文系統的講解DOCTYPE元素.同時查證了很多的資料.因為互聯網上面的資料比較雜亂,所以經過收集整理我進行了重新定義.
一.概述
本文系統的講解DOCTYPE元素.同時查證了很多的資料.因為互聯網上面的資料比較雜亂,所以經過收集整理我進行了重新定義.比如對于DOCTYPE元素的定義.主要分為基礎知識和高級知識.基礎知識講解基本的DOCTYPE知識. 高級知識很多來自網絡收集, 主要是實際應用的一些技巧.
二.定義
DOCTYPE是文檔類型(Document Type)的縮寫, <!DOCTYPE> 元素用于聲明一個頁面的文檔類型定義(Document Type Declaration, 即DTD).此元素聲明位于文檔中的最前面的位置，處于 <html> 標簽之前。通過確認頁面的DTD,可以同時確定頁面使用哪種W3C規范(比如 HTML 或 XHTML 規范)。
三.W3C規范
W3C規范的正確翻譯應該為W3C推薦(W3C Recommendations).很多設計師的眼里W3C就是標準.但是許多人都是一知半解.下面列于了目前W3C規范中的HTML規范和XHTML規范,稍后會講解HTML和XHTML的關系:
W3C HTML 規范和時間線
| 規范 | 推薦 |
| HTML 3.2 | 1997年1月14日 |
| HTML 4.0 | 1998年5月24日 |
| HTML 4.01 | 1999年12月24日 |
W3C XHTML 規范 和 時間線
| 規范 | 草案/提議 | 推薦 |
| XHTML 1.0 | 2000 年 1 月 26 日 | |
| XHTML 1.0 修訂版 | 2002 年 8 月 1 日 | |
| XHTML 1.1 | 2001 年 5 月 31 日 | |
| XHTML Modules | 2001 年 4 月 10 日 | |
| XHTML Modules 1.1 | 2006 年 7 月 5 日 | |
| XHTML Basic | 2000 年 12 月 19 日 | |
| XHTML Basic 1.1 | 2006 年 7 月 5 日 | |
| XHTML Events | 2003 年 10 月 14 日 | |
| XHTML Events 2 | 2007 年 2 月 16 日 | |
| XHTML Print | 2006 年 9 月 20 日 | |
| XHTML Media Types | 2002 年 8 月 1 日 | |
| XForms 1.0 | 2003 年 10 月 14 日 | |
| XForms 1.0 (SE) | 2006 年 3 月 14 日 | |
| XForms 1.1 | 2007 年 2 月 22 日 | |
| XHTML 2.0 | 2006 年 7 月 26 日 | |
| XLink | 2001 年 6 月 27 日 | |
| HLink | 2002 年 9 月 13 日 |
XHTML可以看成是最新的HTML規范, 是一項可從 HTML 4.01 平穩遷移的 XML 應用。W3C 把 HTML 4.01 重構為 XML 的第一個步驟，導致了 XHTML 1.0 的誕生。XHTML 1.0 依賴于 HTML 4.01 標簽所提供的語義。
四.規范與DTD
頁面文件通過<DOCTYPE>元素聲明不同的DTD, 來告知瀏覽器當前頁面符合哪種HTML或者XHTML規范.下面只列舉HTML4.01和XHTML1.0兩種規范相關的DTD:
HTML
HTML 4.01 規定了三種文檔類型：Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干凈的標記，免于表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入樣式表的呈現屬性和元素。如果您的讀者使用了不支持層疊樣式表（CSS）的瀏覽器以至于您不得不使用 HTML 的呈現特性時，請使用此類型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
Frameset DTD
Frameset DTD 應當被用于帶有框架的文檔。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">
XHTML
XHTML 1.0 規定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
XHTML Strict DTD
如果您需要干凈的標記，免于表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入樣式表的呈現屬性和元素。如果您的讀者使用了不支持層疊樣式表（CSS）的瀏覽器以至于您不得不使用 XHTML 的呈現特性時，請使用此類型：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Frameset DTD
當您希望使用框架時，請使用此 DTD！
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
五.DOCTYPE 元素語法
語法
HTML 頂級元素 可用性 "注冊//組織//類型 標簽//定義 語言""URL"
語法元素說明
頂級元素：指定 DTD 中聲明的頂級元素類型。這與聲明的 SGML 文檔類型相對應。 默認為HTML。
可用性：指定正式公開標識符(FPI)是可公開訪問的對象還是系統資源。取值可以為PUBLIC或者SYSTEM.PUBLIC 默認。表示可公開訪問的對象。SYSTEM表示系統資源，如本地文件或 URL。
注冊：指定組織是否由國際標準化組織(ISO)注冊。
+為默認,表示組織名稱已注冊。
-表示組織名稱未注冊。Internet 工程任務組(IETF)和萬維網協會(W3C)并非注冊的 ISO 組織。
組織：指定表明負責由 !DOCTYPE 聲明引用的 DTD 的創建和維護的團體或組織的名稱，即 OwnderID。 IETF為IETF。W3C為W3C。
類型：指定公開文本類，即所引用的對象類型。 默認為DTD。
標簽：指定公開文本描述，即對所引用的公開文本的唯一描述性名稱。后面可附帶版本號。默認為HTML。
定義：指定文檔類型定義。
Frameset 框架集文檔。
Strict 排除所有 W3C 專家希望逐步淘汰的代表性屬性和元素，因為樣式表已經很完善了。
Transitional 包含除 frameSet 元素的全部內容。
語言：指定公開文本語言，即用于創建所引用對象的自然語言編碼系統。該語言定義已編寫為 ISO 639 語言代碼(大寫兩個字母)。 EN 默認。英語。
URL：指定所引用對象的位置。
六.檢查工具
如果要檢查你的頁面內容是否符合在DOCTYPE中聲明的標準,可以使用W3C提供的驗證工具:
http://validator.w3.org/
七.DOCTYPE切換
現代瀏覽器包括不同的呈現模式，目的是既支持遵循W3C標準的網頁，也支持為老式瀏覽器而設計的網頁。其中， Standards （標準）模式（也就是嚴格呈現模式）用于呈現遵循最新標準的網頁，而 Quirks （包容）模式（也就是松散呈現模式或者兼容模式）用于呈現為傳統瀏覽器而設計的網頁。另外，注意Mozilla/Netscape 6新增了一種 Almost Standards （近似標準）模式，用于支持為標準的某個老版本而設計的網頁。
理論上，這應該是一個非常直觀的切換。假如頁面的<!DOCTYPE>元素指出了頁面的遵循標準(比如XHTML1.0), 瀏覽器就會切換到Standards模式。假如沒有指定doctype，或者指定HTML 3.2以及更老的版本，瀏覽器就切換到Quirks模式。這樣一來，瀏覽器既能正確顯示遵循標準的文檔，又不至于完全舍棄老式的、與標準不符的網頁。 但是會有下面幾種情況:
1.丟失的URL或者相對URL
在完整的doctype聲明中，要包括相應的文檔類型定義（DTD）文件的URL。如果URL丟失，或者指定的是一個相對路徑（而不是完全限定的Internet地址），大多數瀏覽器都會進入Quirks模式，不管doctype聲明規定的是什么模式。
2.形式錯誤的doctype
瀏覽器對doctype聲明的形式和格式非常敏感，如果不能識別一個形式錯誤的doctype，就會強制進入Quirks模式（建議將一個已知正確的doctype拷貝和粘貼到文檔中，而不是親自輸入它）。之所以出現形式錯誤的doctype，一個常見的原因是在 doctype 的第一部分與URL之間缺少一個空格。將一個分兩行的doctype折疊成單獨一行，常常會丟失那個空格。
3.過渡期的 doctype
瀏覽器處理過渡期的doctype時，最容易出現不一致的問題。IE和Opera使用Standards模式；Netscape 6和舊版本的Safari使用Quirks模式；Netscape 7、Mozilla 1和新版本的Safari使用Netscape的Almost Standards模式，它是Standards模式的一個具有更好容錯性的版本。
4.未知的 doctype
瀏覽器在處理不能識別的doctype時，也存在不一致的現象。IE和Opera會進入Standards模式；換言之，它假定不能識別的 doctype 是尚未在瀏覽器中集成的一個新標準。Netscape 6則相反，會在遇到不能識別的doctype時切換到Quirks模式。
doctype切換也許是讓瀏覽器進入正確呈現模式并正確顯示網頁的一種有效手段，前提是你注意到了各種瀏覽器的不一致，并能積極主動地避免各種問題。
八.XHTML使用技巧
1.緊跟在上面 DOCTYPE 聲明之后的是一個 XHTML 名字空間（namespace）聲明，放在增強的 <html> 元素中，寫法為：
<html xmlns="http://www.w3.org/1999/xhtml">
2.由于 XHTML 1.0 頁面就是合法的 XML 文檔，而 XML 對于標簽和屬性都是區分大小寫的，為了簡單起見，XHTML 1.0 頁面中所有的標簽和屬性都必須使用小寫。
一些免費的工具，例如 HTML Tidy（http://tidy.sourceforge.net/），可以幫助你把標簽和屬性自動轉換為小寫。
3. 通過在 <head> 元素中添加一個 <meta> 元素來聲明頁面中使用的語言。
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
4.在 XHTML 中，所有的屬性都必須要加上引號。
一些免費的工具，例如 HTML Tidy（http://tidy.sourceforge.net/），可以幫助你自動為所有的屬性加上引號。
5. 在 XHTML 中，所有的屬性都必須有值。
不能像在 HTML 4.0 中那樣寫：
<input type="checkbox" name="shirt" value="medium" checked>
而要寫成：
<input type="checkbox" name="shirt" value="medium" checked="checked" />
6. 在 XHTML 中，所有的標簽都必須關閉。
關閉標簽有兩種方式，包含內容的標簽使用結束標簽關閉，空標簽在后面加上空格和"/"。例如：
<p>This is acceptable HTML and it is also valid XHTML.</p>
<img src="logo.gif" />
7. 不要在注釋內容中使用"--" 。
"--" 只能使用在 XHTML 注釋的開頭和結束，不能出現在注釋的內容中。下面的寫法都是不允許的：
<!--Invalid -- and so is the classic "separator" below. -->
<!------------------------------------>
8. 把所有的特殊符號進行HTML編碼。
W3C 的 XHTML/CSS/DOM 這 3 個規范構成了一個完整而嚴密的體系，我稱這 3 個規范為 Web 世界中"三位一體神的化身"。這 3 個規范分別代表了 Web 頁面的 structure（結構）、presentation（表現）和 behaviour（行為） 3 部分。將 Web 頁面嚴格分為這 3 層，并且盡量使每一層的內容相互獨立，有助于提高頁面的可重用性和模塊化程度，大幅降低頁面制作、維護和修改的成本。為了達到上述分層的目標，編寫的 XHTML 中應該只包含與 structure 相關的標記（元素和屬性）。因此應該習慣于使用 Strict 類型的 DTD，盡快摒棄那些帶有表現含意的標記（這些標記在 HTML 4.0 規范中被標識為 Deprecated 即"不提倡"，并且會在 XHTML 以后的版本中被完全舍棄）；盡快摒棄基于 table 做布局的老方法，采用完全的 CSS 布局。
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
