HTML5 <!DOCTYPE> 標(biāo)簽

2021-10-12 14:06 更新

實(shí)例

<!DOCTYPE> 聲明非常重要,它是一種標(biāo)準(zhǔn)通用標(biāo)記語言的文檔類型聲明,通過該標(biāo)簽,瀏覽器能夠了解HTML5文檔正在使用的HTML規(guī)范,<!DOCTYPE> 聲明是HTML5文檔的起始點(diǎn),也就是說它必須位于HTML5文檔的第一行!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>文檔標(biāo)題</title>
</head> 
<body>
文檔內(nèi)容......
</body> 
</html>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


標(biāo)簽定義及使用說明

<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標(biāo)簽之前。

<!DOCTYPE> 聲明不是一個 HTML 標(biāo)簽;它是用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。

在 HTML 4.01 中,<!DOCTYPE> 聲明需引用 DTD (文檔類型聲明),因為 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 標(biāo)準(zhǔn)通用標(biāo)記語言)。DTD 指定了標(biāo)記語言的規(guī)則,確保了瀏覽器能夠正確的渲染內(nèi)容。

HTML5 不是基于 SGML,因此不要求引用 DTD。

提示:總是給您的 HTML 文檔添加 <!DOCTYPE> 聲明,確保瀏覽器能夠預(yù)先知道文檔類型。


HTML 4.01 與 HTML5之間的差異

HTML 4.01 規(guī)定了三種不同的 <!DOCTYPE> 聲明,分別是:Strict、Transitional 和 Frameset。 HTML5 中僅規(guī)定了一種:

<!DOCTYPE html>

HTML 元素和 Doctypes

參閱HTML 元素與合法的 Doctype,看看每一個 HTML 元素都出現(xiàn)在哪一種 Doctype 中。


提示和注釋

注釋:<!DOCTYPE> 標(biāo)簽沒有結(jié)束標(biāo)簽。

提示:<!DOCTYPE> 聲明不區(qū)分大小寫。

提示:使用 W3C 的驗證 檢查您是否編寫了一個帶有正確 DTD 的合法的 HTML / XHTML 文檔!


常見的 DOCTYPE 聲明

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

這個 DTD 包含所有 HTML 元素和屬性,但不包括表象或過時的元素(如 font )??蚣芗遣辉试S的。

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

HTML 4.01 Transitional

這個 DTD 包含所有 HTML 元素和屬性,包括表象或過時的元素(如 font )。框架集是不允許的。

<!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 相同,但是允許使用框架集內(nèi)容。

<!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 )??蚣芗遣辉试S的。結(jié)構(gòu)必須按標(biāo)準(zhǔn)格式的 XML 進(jìn)行書寫。

<!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 )??蚣芗遣辉试S的。結(jié)構(gòu)必須按標(biāo)準(zhǔn)格式的 XML 進(jìn)行書寫。

<!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 相同,但是允許使用框架集內(nèi)容。

<!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">
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號