HTML DOCTYPE 標籤

HTML DOCTYPE 標籤

Doctype是什麼?點擊查看詳解

  • <!DOCTYPE> 聲明幫助瀏覽器正確地顯示網頁。html

  • web世界中存在着不少不一樣的文檔,只有瞭解了文檔類型,瀏覽器才能正確的顯示文檔。這就是 <!DOCTYPE> 的用處。web

  • <!DoCTYPE>並非html標籤,它爲瀏覽器提供一項信息(聲明),即HTML是什麼版本編寫的。瀏覽器

  • 全部瀏覽器都支持 <!DOCTYPE>聲明。ruby

實例

帶有 HTML5 DOCTYPE 的 HTML 文檔:框架

<!doctype html>
<html>
    <head>
        <title>Title of the document</title>
    </head>
    <body>
    The content of the document......
    </body>
</html>

HTML 發展版本

從 Web 誕生早期至今,已經發展出多個 HTML 版本:url

版本 年份
HTML 1991
HTML+ 1992
HTML2.0 1995
HTML3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013

定義和用法

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

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

  • <!DOCTYPE> 不是html標籤,它是隻是web瀏覽器關於使用哪一個HTML版本經行編寫的指令ci

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

  • HTML5 不基於 SGML,因此不須要引用 DTD。

HTML 4.01 與 HTML5 之間的差別
在 HTML 4.01 中有三種 <!DOCTYPE> 聲明。在 HTML5 中只有一種:

<!DOCTYPE html>

點擊查看HTML 元素表,其中列出了每種元素會出如今哪一個文檔類型中。

提示和註釋

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

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

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

經常使用的 DOCTYPE 聲明

HTML5

<!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">
相關文章
相關標籤/搜索