!DOCTYPE —— HTML文件模式

萌小萌和她的前端筆記發表於2019-03-23

前言

IE5.5引入了文件模式的概念,而這個概念是通過使用文件型別(DOCTYPE)切換實現的。

文件模式

文件模式主要分為混雜模式和標準模式兩種,而標準模式又可劃分為標準模式,準標準模式,超級標準模式三種(其中標準模式和準標準模式非常接近,他們的差異幾乎可以忽略不計)。具體區分如下圖:

文件模式

標準模式

可通過以下任何一種型別來開啟:

HTML 4.01 嚴格型

<!-- HTML 4.01 嚴格型 -->

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.01//EN"
"http://www.3c.org/TR/html4/strict.dtd">
複製程式碼

XHTML 1.0 嚴格型

<!-- XHTML 1.0 嚴格型 -->

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
複製程式碼

HTML 5

<!-- HTML 5 -->

<!DOCTYPE HTML>
複製程式碼

準標準模式

可通過使用過渡型(transitional)或框架集型(frameset)來觸發,如下:

HTML 4.01 過渡型

<!-- HTML 4.01 過渡型 -->

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.3c.org/TR/html4/DTD/loose.dtd">
複製程式碼

HTML 4.01 框架集型

<!-- HTML 4.01 框架集型 -->

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.3c.org/TR/html4/frameset.dtd">
複製程式碼

XHTML 1.0 過渡型

<!-- XHTML 1.0 過渡型 -->

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
複製程式碼

XHTML 1.0 框架集型

<!-- XHTML 1.0 框架集型 -->

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.3c.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
複製程式碼

超級標準模式

IE8預設模式,但可通過以下關閉其預設模式:

<meta http-equiv="X-UA-Compatible" content="IE=7" />
複製程式碼

其IE用於指定使用哪個版本的呈現引擎來呈現頁面,目的就是為了向後相容那些專門為老版本的IE設計的站點和頁面。

參考

《JavaScript高階程式設計》

小結

本文主要介紹了HTML的幾種文件模式及其差異性(詳見圖解)。

如有問題,歡迎指正。

相關文章