HTMLMetaElement
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> 中。
js
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);
设置视口元数据
以下示例演示如何创建新的 <meta> 元素，其 name 属性设置为 viewport。content 属性设置视口大小，并将其添加到文档的 <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>