HTML 聲明詳解


什么是<!DOCTYPE>?

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

<!DOCTYPE> 聲明位於文檔中的最前面的位置,處於 <html> 標簽之前,<!DOCTYPE>聲明告知瀏覽器的解析器用什么文檔標准解析這個文檔(標准模式)。若聲明錯誤或未聲明會導致文檔以兼容模式/混雜模式呈現。

<!DOCTYPE> 標簽沒有結束標簽。<!DOCTYPE> 聲明不區分大小寫。總是先給 HTML 文檔添加 <!DOCTYPE> 聲明,確保瀏覽器能夠預先知道文檔類型。

標准模式與兼容模式

若文檔為標准模式,則該文檔的排版與JS運作模式都是以該瀏覽器支持的最高標准運行;

兼容模式中,頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。

html4.01與html5中的<!DOCTYPE>

在html4.01中,<!DOCTYPE>聲明需要引用DTD(文檔類型聲明),因為它是基於SGML(Standard Generalized Markup Language 標准通用標記語言),DTD 指定了標記語言的規則,確保了瀏覽器能夠正確的渲染內容。html5不基於SGML因此不需要引用DTD。

HTML 5 只有一種<!DOCTYPE> 聲明:

HTML5
 <!DOCTYPE html>

HTML 4.01 規定了三種不同的 <!DOCTYPE> 聲明,分別是:Strict、Transitional 和 Frameset

HTML 4.01 Strict

不允許使用表現性、廢棄元素(如font)以及框架集(如frameset)。

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

允許使用表現性、廢棄元素(如font),不允許使用框架集(如frameset)。

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

允許表現性元素,廢氣元素以及框架集。

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

其他常見的DOCTYPE 聲明

XHTML1.0 Strict

不允許使用表現性、廢棄元素(如font)以及框架集(如frameset),文檔必須是結構良好的XML文檔。

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

允許使用表現性、廢棄元素(如font),不允許使用框架集(如frameset),文檔必須是結構良好的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

允許表現性元素,廢氣元素以及框架集,文檔必須是結構良好的XML文檔。

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

不允許使用表現性、廢棄元素(如font)以及框架集(如frameset),文檔必須是結構良好的XML文檔,但是允許添加模塊(例如為東亞語言提供 ruby 支持)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 元素和有效 DOCTYPES

以下鏈接中的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它們會出現在什么文檔類型 (!DOCTYPE) 中,效果如圖。

鏈接:http://www.runoob.com/tags/html-elementsdoctypes.html

 

文章參考資料:http://www.runoob.com/tags/tag-doctype.html

轉載請注明地址:絲瓜 » HTML <!DOCTYPE> 聲明詳解

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM