HTMLMetaElement

基线广泛可用

此功能已发展成熟，并在许多设备和浏览器版本中运行。它从以下时间起在所有浏览器中可用 2015 年 7 月.

**HTMLMetaElement** 接口包含有关在 HTML 中作为<meta> 元素提供的文档的描述性元数据。此接口继承了HTMLElement 接口中描述的所有属性和方法。

实例属性

继承自父级 HTMLElement 的属性。

<meta#charset>: HTML 文档的字符编码。
HTMLMetaElement.content: 文档元数据的名称-值对的“值”部分。
HTMLMetaElement.httpEquiv: 文档的语义指令名称，即 HTTP 响应头。
HTMLMetaElement.media: theme-color 元数据属性的媒体上下文。
HTMLMetaElement.name: 定义文档命名元数据的名称-值对的“名称”部分。
HTMLMetaElement.scheme 已弃用: 定义HTMLMetaElement.content 属性中值的方案。这已弃用，不应在新的网页上使用。

实例方法

没有特定方法；继承自父级 HTMLElement 的方法。

示例

以下两个示例展示了使用 HTMLMetaElement 接口的一般方法。有关特定示例，请参阅上文实例属性部分中描述的各个属性的页面。

设置页面描述元数据

以下示例创建了一个新的 <meta> 元素，其 name 属性设置为description。content 属性设置文档的描述，并将其附加到文档 <head>

const meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "The <meta> element can be used to provide document metadata in terms of name-value pairs, with the name attribute giving the metadata name, and the content attribute giving the value.";
document.head.appendChild(meta);

设置视口元数据

以下示例展示了如何创建具有 name 属性设置为viewport的新 <meta> 元素。content 属性设置视口大小，并将其附加到文档 <head>

const meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1";
document.head.appendChild(meta);

有关设置视口的更多信息，请参阅视口基础。

规范

规范
HTML 标准 # htmlmetaelement

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见

实现此接口的 HTML 元素：<meta>