📌  相关文章
📜  HTML | DOM 文档类型属性(1)

📅  最后修改于: 2023-12-03 15:31:13.368000             🧑  作者: Mango

HTML | DOM Document Type 属性介绍

在 HTML 的开头，我们通常可以看到一个文档类型声明（DTD declaration），如下所示：

<!DOCTYPE html>

这段声明告诉浏览器该页面使用哪个 HTML 版本进行编写，连接了 HTML 和 W3C 标准。HTML5 中的文档类型声明始终是以上述方式开头。这个声明是 HTML5 的必需元素，没有它，浏览器将不知道该如何处理文档。

而在 JavaScript 中，我们可以通过 Document 对象的 documentType 属性来获取文档类型，这个属性返回的是 DocumentType 对象。下面是使用 documentType 属性获取文档类型对象的代码：

var doctype = document.doctype;

DocumentType 对象同时也有一些属性，这些属性包括以下内容：

1. name

表示文档类型名，常常具有以下值之一：

  • html: 表示标准的 HTML5 文档
  • publicId：表示 DTD 的公共 ID （Public ID），如果没有公共 ID，它将为一个空字符串
  • systemId：表示 DTD 的系统 ID （System ID），如果没有系统 ID，它将为一个空字符串

以下是获取文档类型名称的示例代码：

var name = doctype.name; // 返回 "html"
2. publicId 和 systemId

publicId 表示文档类型的公共标识符，通常使用 "-//W3C//DTD HTML 4.01//EN" 这样的格式。systemId 表示文档类型的系统标识符，通常是一个 URL，指向 DTD 文件。以下是获取文档类型的 publicId 和 systemId 的示例代码：

var publicId = doctype.publicId;
var systemId = doctype.systemId;

注意: 如果文档类型是基于系统，而不是基于公共标识符，则只会定义 systemId。

文档类型也是 DOM 文档的组成部分，通过 document.doctype 属性获得。

这就是介绍 HTML | DOM Document Type 属性的全部内容了。