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.

* Some parts of this feature may have varying levels of support.

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);

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

规范

Specification
HTML
# htmlmetaelement

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLMetaElement
content
httpEquiv
media
name
scheme
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

参见

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