close
htmltag.jpg

 

實例

<!DOCTYPE html>
<html>
<head>
<title>文檔的標題</title>
</head>
<body>
文檔的內容......
</body>
</html>
	

瀏覽器支持

所有瀏覽器都支持<!DOCTYPE> 聲明。


定義和用法

<!DOCTYPE> 聲明必須是HTML 文檔的第一行,位於<html> 標籤之前。

<!DOCTYPE> 聲明不是HTML 標籤;它是指示web 瀏覽器關於頁面使用哪個HTML 版本進行編寫的指令。

在HTML 4.01 中,<!DOCTYPE> 聲明引用DTD,因為HTML 4.01 基於SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。

HTML5 不基於SGML,所以不需要引用DTD。

提示:請始終向HTML文檔添加<!DOCTYPE>聲明,這樣瀏覽器才能獲知文檔類型。


HTML 4.01 與HTML5 之間的差異

在HTML 4.01 中有三種<!DOCTYPE> 聲明。在HTML5 中只有一種:

<!DOCTYPE html>
	

HTML 元素和文檔類型(Doctype)

請參閱HTML元素表,其中列出了每種元素會出現在哪個文檔類型中。


提示和註釋

註釋: <!DOCTYPE>聲明沒有結束標籤。

提示: <!DOCTYPE>聲明對大小寫不敏感。

提示:請使用W3C的驗證器來檢查您是否編寫了有效的HTML / XHTML文檔!


常用的DOCTYPE 聲明

HTML 5

<!DOCTYPE html>
	

HTML 4.01 Strict

該DTD 包含所有HTML 元素和屬性,但不包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	

HTML 4.01 Transitional

該DTD 包含所有HTML 元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
	

HTML 4.01 Frameset

該DTD 等同於HTML 4.01 Transitional,但允許框架集內容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">
	

XHTML 1.0 Strict

該DTD 包含所有HTML 元素和屬性,但不包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。必須以格式正確的XML 來編寫標記。

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

XHTML 1.0 Transitional

該DTD 包含所有HTML 元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。必須以格式正確的XML 來編寫標記。

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

XHTML 1.0 Frameset

該DTD 等同於XHTML 1.0 Transitional,但允許框架集內容。

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

XHTML 1.1

該DTD 等同於XHTML 1.0 Strict,但允許添加模型(例如提供對東亞語系的ruby 支持)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
	
arrow
arrow
    創作者介紹
    創作者 設計密碼工作室 的頭像
    設計密碼工作室

    Design Code 設計密碼

    設計密碼工作室 發表在 痞客邦 留言(0) 人氣()