过渡性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 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告