過渡性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時,管理網站更簡單。 |
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP