DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> DOCTYPE元素詳解 完整版
DOCTYPE元素詳解 完整版
編輯:HTML和Xhtml     

一.概述

本文系統的講解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 布局。  

 

九.推薦的 XHTML 相關書籍

《HTML 與 XHTML 權威指南》,Chuck Musciano & Bill Kennedy 著。

《XHTML教程》,Chelsea Valentine & Chris Minnick 著。

《網站重構》,Jeffrey Zeldman 著。
作者:張子秋
出處:http://www.cnblogs.com/zhangziqiu/

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved