<meta>:元数据元素

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.

HTML <meta> 元素表示那些不能由其他 HTML 元相关(meta-related)元素表示的元数据信息。如:<base><link><script><style><title>

内容分类 元数据内容。如果 itemprop 属性存在:流式内容分段内容
允许的内容 无;这是一个空元素
标签省略 由于这是一个空元素,所以必须有开始标签并且不能有结束标签。
允许的父元素
默认的无障碍角色 没有相应的角色
允许的无障碍角色 没有允许的角色(role)
DOM 接口 HTMLMetaElement

<meta> 元素定义的元数据的类型包括以下几种:

  • 如果设置了 name 属性,<meta> 元素提供的是文档级别(document-level)的元数据,应用于整个页面。
  • 如果设置了 http-equiv 属性,<meta> 元素则是编译指令,提供的信息与类似命名的 HTTP 头部相同。
  • 如果设置了 charset 属性,<meta> 元素是一个字符集声明,告诉文档使用哪种字符编码。
  • 如果设置了 itemprop 属性,<meta> 元素提供用户定义的元数据。

属性

此元素包括全局属性

备注: name 属性在 <meta> 元素中具有特殊的语义;另外,当一个 <meta> 标签中,有 namehttp-equiv 或者 charset 三者中任何一个属性时,itemprop 属性不能被使用。

charset

该属性声明了文档的字符编码。如果存在该属性,则其值必须是字符串 "utf-8" 的不区分 ASCII 大小写的匹配,因为 UTF-8 是 HTML5 文档的唯一有效编码。声明字符编码的 <meta> 元素必须完全位于文档的前 1024 个字节内。

content

此属性包含 http-equivname 属性的值,具体取决于所使用的值。

http-equiv

属性定义了一个编译指示指令。这个属性叫做 http-equiv(alent) 是因为所有允许的值都是特定 HTTP 标头的名称,如下:

name

namecontent 属性可以一起使用,以名 - 值对的方式给文档提供元数据,其中 name 作为元数据的名称,content 作为元数据的值。 在标准元数据名称中查看 HTML 规范等规范中定义的标准元数据名称。

示例

html
<meta charset="utf-8" />

<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />

规范

Specification
HTML
# the-meta-element

浏览器兼容性

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
meta
charset
content
http-equiv
http-equiv="content-language"
Deprecated
http-equiv="content-security-policy"
http-equiv="content-type"
http-equiv="refresh"
name
name.application-title
ExperimentalNon-standard
name.color-scheme
name.referrer
name.theme-color
scheme
Deprecated

Legend

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

Full support
Full support
Partial support
Partial support
In development. Supported in a pre-release version.
In development. Supported in a pre-release version.
No support
No support
Experimental. Expect behavior to change in the future.
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
Has more compatibility info.

参见