過渡性DOCTYPE與嚴格性DOCTYPE的區別


HTML 文件使用 DOCTYPE 宣告來識別正在使用的 HTML 版本,並指示 Web 瀏覽器以各種方式呈現內容。您必須在編寫的每個 HTML 文件的開頭使用 <!DOCTYPE> 宣告。DOCTYPE 宣告是在 <html> 標籤之前宣告的。

讓我們深入本文,瞭解更多關於過渡性DOCTYPE和嚴格性DOCTYPE之間區別的資訊。這兩個主要的 DOCTYPE 宣告是“過渡性”和“嚴格性”,每個宣告在描述如何讀取和生成網頁方面提供不同的功能。在此之前,讓我們快速瞭解一下 <!DOCTYPE>。

<!DOCTYPE>

文件型別宣告 (DTD),通常稱為 doctype,告訴瀏覽器在特定網頁上預期哪種型別的文件。HTML doctype 不是 HTML 標籤或元素;相反,它向瀏覽器告知規範,例如 HTML 版本或標準。HTML doctype 是一個空元素,其內部不能有任何內容。

語法

以下是 <!DOCTYPE> 的語法:

<!DOCTYPE html>

示例

以下是 <!DOCTYPE> 用法的示例:

<!DOCTYPE html>
<html>
   <body> Welcome to TutorialsPoint.! </body>
</html>

當我們執行以上程式碼時,它將生成一個包含網頁上文字的輸出。

現在,讓我們看看過渡性DOCTYPE和嚴格性DOCTYPE之間的區別。

過渡性DOCTYPE

當您擁有可能不符合您選擇的 HTML 版本的早期 HTML 程式碼時,通常會使用過渡性DOCTYPE。關於與早期 HTML 標準的向後相容性,此DOCTYPE允許更大的範圍。即使在較新的 Web 開發中不建議使用,過渡性DOCTYPE也可能允許使用已棄用的元素或屬性。

語法

以下是過渡性DOCTYPE的語法:

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

示例

讓我們看下面的例子,我們將使用已棄用的 <center> 標籤並使用過渡性DOCTYPE。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <style>
      body {
         color: #DE3163;
         background-color: #D5F5E3;
         font-family: verdana;
      }
   </style>
</head>
<body>
   <center>
      <h2>TutorialsPoint</h2>
      <p>The E-Way Learning.!</p>
   </center>
</body>
</html>

當我們執行以上程式碼時,它將生成一個輸出,該輸出包含應用了已棄用的 center 標籤的網頁中心的文字。但由於過渡性文件型別,我們得到了預期的輸出。

嚴格性DOCTYPE

使用嚴格性DOCTYPE時,對所選的 HTML 版本的遵循更加嚴格。當您希望確保您的標記遵循最新和標準化的規範時,請使用它。此DOCTYPE禁止在過渡性DOCTYPE下允許的已棄用元素和屬性。

語法

以下是嚴格性DOCTYPE的語法。

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

過渡性DOCTYPE與嚴格性DOCTYPE的區別

現在讓我們看看過渡性DOCTYPE和嚴格性DOCTYPE之間的區別。

過渡性DOCTYPE

嚴格性DOCTYPE

過渡性文件型別定義 (DTD) 仍然允許一些已棄用的屬性。

嚴格性文件型別定義 (DTD) 包括框架集文件中不存在或尚未棄用的所有元素和屬性。

它允許 <font> 等表現性標記。

它允許 <font> 等表現性標記。它禁止 <center> 等表現性標記。

當我們有很多無法使用預設DOCTYPE編譯的過時標記時,可以使用過渡性DOCTYPE。

預設的文件型別是嚴格性DOCTYPE。

標記包括結構和表現兩個方面。

透過禁止在其中使用表現性標記,外觀和結構保持分離。CSS 用於整個表現元件。

過渡性DOCTYPE結合了網站的表現和結構,因此維護起來並不簡單。

使用嚴格性DOCTYPE時,管理網站更簡單。

更新於: 2024年1月19日

127 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.