此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

HTMLMetaElement

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

EventTarget Node Element HTMLElement HTMLMetaElement

实例属性

从其父接口 HTMLElement 继承属性。

<meta#charset>

HTML 文档的字符编码。

HTMLMetaElement.content

文档元数据的名称/值对的“值”部分。

HTMLMetaElement.httpEquiv

pragma 指令的名称,文档的 HTTP 响应标头。

HTMLMetaElement.media

theme-color 元数据属性的媒体上下文。

HTMLMetaElement.name

文档元数据的名称/值对的“名称”部分。

HTMLMetaElement.scheme

定义 HTMLMetaElement.content 属性中值的方案。此属性已被弃用,不应在新网页上使用。

实例方法

没有特定的方法,从其父接口 HTMLElement 继承方法。

示例

以下两个示例显示使用 HTMLMetaElement 接口的常规方法。详细的示例,请参阅上述实例属性部分中描述的各个属性页面。

设置页面描述性元数据

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

js
const meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "<meta> 元素用于以名称/值对的形式提供文档描述性元数据,name 属性给出元数据名称,content 属性给出其值。";
document.head.appendChild(meta);

设置视口元数据

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

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

关于设置视口的更多信息,请参见 <meta name="viewport">

规范

规范
HTML
# htmlmetaelement

浏览器兼容性

参见

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