HTMLMetaElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLMetaElement 接口包含关于 HTML 中以 <meta> 元素形式提供的文档的描述性元数据。该接口继承 HTMLElement 接口中描述的所有属性和方法。

实例属性

从其父接口 HTMLElement 继承属性。

<meta#charset>: HTML 文档的字符编码。
HTMLMetaElement.content: 文档元数据的名称/值对的“值”部分。
HTMLMetaElement.httpEquiv: pragma 指令的名称，文档的 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 =
  "<meta> 元素用于以名称/值对的形式提供文档描述性元数据，name 属性给出元数据名称，content 属性给出其值。";
document.head.appendChild(meta);

设置视口元数据

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

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

关于设置视口的更多信息，请参见视口基础知识。

规范

Specification
HTML Standard # htmlmetaelement

浏览器兼容性

BCD tables only load in the browser

参见

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