<meta>:元数据元素
Baseline 广泛可用 *
<meta> HTML 元素用于表示其他元数据相关的元素(如 <base>、<link>、<script>、<style> 或 <title>)无法表示的 元数据。
<meta> 元素提供的元数据类型可以是以下之一:
- 如果设置了
name属性,<meta>元素会提供适用于整个页面的文档级元数据。 - 如果设置了
http-equiv属性,<meta>元素将充当pragma指令,模拟原本可以由 HTTP 头部给出的指令。 - 如果设置了
charset属性,<meta>元素将是字符集声明,指示文档所使用的字符编码。 - 如果设置了
itemprop属性,<meta>元素将提供用户自定义元数据。
属性
此元素包含全局属性。
注意: name 属性对 <meta> 元素有特定含义。如果 <meta> 元素包含 name、http-equiv 或 charset 属性,则不得设置 itemprop 属性。
字符集-
此属性声明文档的字符编码。如果存在此属性,其值必须与字符串
"utf-8"进行 ASCII 编码不区分大小写的匹配,因为 UTF-8 是 HTML5 文档唯一有效的编码。声明字符编码的<meta>元素必须完全位于文档的前 1024 字节内。 content-
此属性包含
http-equiv或name属性的值,具体取决于使用了哪个属性。 http-equiv-
定义一个 pragma 指令,这些指令是浏览器处理文档的指示。该属性的名称是
http-equivalent的缩写,因为允许的值是等效 HTTP 标头名称。 媒体-
media属性定义了content属性中定义的“主题颜色”应应用于哪些媒体。其值是一个 媒体查询,如果属性缺失,则默认为all。此属性仅在元素的name属性设置为theme-color时才相关。否则,它没有效果,不应包含。 name-
name和content属性可以结合使用,以名称-值对的形式提供文档元数据,其中name属性给出元数据名称,content属性给出值。
示例
设置 meta 描述
以下 <meta> 标签为网页提供了一个 description 作为元数据:
<meta
name="description"
content="The HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements." />
设置页面重定向
以下示例使用 http-equiv="refresh" 来指示浏览器执行重定向。content="3;url=https://www.mozilla.org" 属性将在 3 秒后将页面重定向到 https://www.mozilla.org。
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />
技术摘要
| 内容类别 |
元数据内容。如果存在 itemprop 属性:流内容、措辞内容。 |
|---|---|
| 允许内容 | 无;它是一个空元素。 |
| 标签省略 | 必须有起始标签,且不能有结束标签。 |
| 允许父级 |
|
| 隐式 ARIA 角色 | 没有对应的角色 |
| 允许的 ARIA 角色 | 不允许 role |
| DOM 接口 | HTMLMetaElement |
规范
| 规范 |
|---|
| HTML # the-meta-element |
浏览器兼容性
加载中…