当前位置：文江博客知识库简体中文文档 Web HTML Element meta

<meta>：文档级元数据元素 - HTML（超文本标记语言）编辑

HTML <meta> 元素表示那些不能由其它 HTML 元相关（meta-related）元素（(<base>、<link>, <script>、<style> 或 <title>）之一表示的任何元数据信息。

内容分类元数据内容，如果 itemprop 属性存在：流数据，表述内容
允许的内容无，这是一个空元素
标签省略因为这是一个void元素，必须有开始标签而闭合标签可以省略
允许的父元素<meta charset>, <meta http-equiv>: <head> 元素. 如果 http-equiv 不是编码声明, 它也可以放在<noscript>元素内，它本身在 <head>元素内部。
默认无障碍语义没有相应的语义
允许的无障碍语义没有允许的语义（role）
DOM 接口 HTMLMetaElement

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

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

属性

此元素包括全局属性。

注意: 全局属性 name 在 <meta> 元素中具有特殊的语义；另外，在同一个 <meta> 标签中，name, http-equiv 或者 charset 三者中任何一个属性存在时，itemprop 属性不能被使用。

charset

这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是与ASCII大小写无关（ASCII case-insensitive）的"utf-8"。

content

此属性包含http-equiv 或name 属性的值，具体取决于所使用的值。

http-equiv

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

content-security-policy
它允许页面作者定义当前页的内容策略。内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。
content-type
如果使用这个属性，其值必须是"text/html; charset=utf-8"。注意：该属性只能用于 MIME type 为 text/html 的文档，不能用于MIME类型为XML的文档。
default-style
设置默认 CSS 样式表组的名称。
x-ua-compatible
如果指定，则 content 属性必须具有值 "IE=edge"。用户代理必须忽略此指示。
refresh
这个属性指定:
- 如果 content 只包含一个正整数，则为重新载入页面的时间间隔(秒)；
- 如果 content 包含一个正整数，并且后面跟着字符串 ';url=' 和一个合法的 URL，则是重定向到指定链接的时间间隔(秒)

可访问性相关考虑

设置了 refresh 值的页面可能有时间间隔太短的风险。使用诸如屏幕朗读这样的辅助技术来浏览网页的人可能会由于自动跳转而来不及读完或理解网页的内容。这样不经提示而突然进行的页面刷新也可能会让有视力障碍的人群感到迷惑。

name

name 和 content 属性可以一起使用，以名-值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。

在标准元数据名称中查看 HTML 规范等规范中定义的标准元数据名称。

示例

<meta charset="utf-8">

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

规范

规范	状态	注释
HTML Living Standard <meta>	Living Standard

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

分享到QQ

分享到微博