為什麼我們在 HTML 文件中使用 DOCTYPE?


DOCTYPE 無非就是一個文件型別宣告,它是一系列必須附加到特定 HTML、XML 或 SGML 線上文件的指南。由於它對於 HTML 版本是必需的,如果使用者應用程式在此期間遇到任何問題,可以快速確定問題是由於 HTML 版本與使用者的瀏覽器之間的不相容性造成的。

DOCTYPE 的格式

共有三種類型

  • 標準

  • 已棄用

  • 相容舊版工具

為什麼我們使用 DOCTYPE?

DOCTYPE 宣告在 HTML 文件的 head 部分之前。此宣告不是 HTML 標籤,但它充當向 Web 瀏覽器提供的資訊,說明在 HTML 文件中預期哪種型別的元素和屬性。

此宣告用於兩種情況

  • DOCTYPE 檢測或切換 - 用於向 Web 瀏覽器提供有關使用哪個呈現模式的資訊(怪異模式、完全標準模式或幾乎標準模式)。如果未宣告 DOCTYPE,Web 瀏覽器仍將呈現文件,但由於 DOCTYPE 檢測或切換,結果可能與預期不符。

  • 幫助標記驗證器根據特定規則集檢查這些 Web 文件的有效性。這些驗證器檢查 HTML 文件中元素的語法以及它們的正確使用方式。因此,此 DOCTYPE 宣告會通知這些驗證服務預期哪種型別的元素。

HTML5 的 DOCTYPE 語法

HTML5 及更高版本的 DOCTYPE 語法:

<!DOCTYPE html>

舊版 HTML 的 DOCTYPE 語法

在舊版本中,DOCTYPE 宣告更復雜,因為它必須引用文件型別定義。

此外,HTML 4.01 DOCTYPE 需要嚴格的、過渡的或框架集 DTD 宣告。每個 DTD 都有其獨特的用例,如下所述。

嚴格 DTD - 用於不包含特性或元件的網站。

嚴格 HTML 4.01 的 DOCTYPE 語法:

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

過渡 DTD - 用於包含屬性和元素的網頁。

過渡 HTML 4.01 的 DOCTYPE 語法:

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

框架集 DTD - 用於包含框架的網頁。

框架集 HTML 4.01 的 DOCTYPE 語法:

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

大小寫敏感性

DOCTYPE **不**區分大小寫。只要拼寫和語法相同,就可以以任何方式宣告它。

<!DOCTYPE html>
<!DocType html>
<!doctype html>
<!docTYPE html>
<!DOCType HTML>

以及許多其他方式……

更新於:2022年9月2日

2K+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.