过渡性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时,管理网站更简单。 |