meta
<meta>
HTML <meta> 元素表示元数据不能由其他HTML元相关的元素,<base>,<link>,<script>,<style>或<title> 表示。
内容类别 | 元数据内容。如果itemprop属性存在:流内容,措辞内容。 |
---|---|
允许的内容 | 没有,这是一个空的元素。 |
标记遗漏 | 由于它是空白元素,所以开始标记必须存在,并且结束标记不得存在。 |
允许父母 | <meta charset>,<meta http-equiv>:一个<head>元素。如果http-equiv不是一个编码声明,它也可以在一个<head>元素内部,它本身在一个<head>元素内。 |
允许ARIA角色 | 没有 |
DOM界面 | HTML元素meta |
属性
该元素包含全局属性。
注:全局属性name具有了特定的含义<meta>元素和itemprop属性必须在不同的<meta>设置任何现有的元素name,http-equiv或charset属性。
charset
声明页面的字符编码。此属性必须包含字符编码的标准IANA MIME名称。虽然标准没有要求特定的编码,但它暗示了......
- 鼓励作者使用
UTF-8
。
笔记:
- 声明的字符编码必须与页面保存的字符编码匹配,以避免出现乱码和安全漏洞。
content
此属性包含http-equiv
or name
属性的值,具体取决于所使用的值。http-equiv
该属性可以包含HTTP头的名称,因此属性名称为http-equiv
alent。它定义了一条可以改变服务器和用户代理行为的指令。指令的值是在content
属性内定义的,可以是下列之一:"content-language"
定义页面的默认语言。它可以被任何元素的lang属性覆盖。
不要使用这个值,因为它已经过时了。优先lang选择<html>元素上的属性。
"content-security-policy"
允许页面作者为当前页面定义内容策略。内容策略通常指定允许的服务器源和脚本端点,这有助于防止跨站点脚本攻击。"content-type"
定义文档的MIME类型,后跟其字符编码。它遵循与HTTP content-type
实体标题字段相同的语法,但由于它位于HTML页面内,除了text/html
不可能以外,大多数值都是。因此,其有效语法content
是字符串' text/html
',后面跟着一个字符集,其语法如下:' ; charset=IANAcharset
',其中IANAcharset
是由IANA定义的字符集的首选MIME名称。
使用说明:
- 不要使用这个值,因为它已经过时了。优先charset选择<meta>元素上的属性。
"refresh"
该指令规定:
- 如果
content
属性仅包含正整数,则应重新载入页面的秒数。
"set-cookie"
为页面定义一个cookie。其内容必须遵循IETF HTTP Cookie规范中定义的语法。
注意:
不要使用这个指令,因为它已经过时了。Set-Cookie
改为使用HTTP标头。
name
该属性定义了一段文档级元数据的名称。它不应该,如果一个属性进行设置itemprop
,http-equiv
或者也设置charset
。
此元数据名称与该content
属性包含的值相关联。name属性的可能值是:
application-name
定义在网页中运行的应用程序的名称。
- Some browsers support the deprecated values `always`, `default`, and `never` for referrer.
- Dynamically inserting `<meta name="referrer">` (with [`document.write`](https://developer.mozilla.org/en-US/docs/Web/API/Document/write) or [`appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild)) makes referrer behavior unpredictable.
- When several conflicting policies are defined, the no-referrer policy is applied.
该属性也可能具有从WHATWG Wiki MetaExtensions页面上定义的扩展列表中取得的值。尽管尚未正式接受,但一些常用的名称是:
最后,有几个名字是常用的,虽然没有被标准化:
- creator定义文档的创建者的名称,例如组织或机构。如果有多个,<meta>应该使用几个元素。
scheme
属性定义了描述元数据的方案。一个计划是一个能够正确解释content
价值的环境,就像一种格式。
注意:
不要使用此值,因为它已过时。没有替代品,因为它没有真正的用法。
笔记
Depending on the attributes set, the kind of metadata can be one of the following:
- 如果
name
已设置,则为文档级 元数据,适用于整个页面。
样例
<meta charset="utf-8">
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
产品规格
Specification | Status | Comment |
---|---|---|
Referrer PolicyThe definition of '<meta name="referrer">' in that specification. | Editor's Draft | Defines values and semantics of <meta name="referrer">. |
HTML Living StandardThe definition of '<meta>' in that specification. | Living Standard | Added itemprop attribute |
HTML5The definition of '<meta>' in that specification. | Recommendation | Added charset attribute |
HTML 4.01 SpecificationThe definition of '<meta>' in that specification. | Recommendation | |
浏览器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
charset | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
content | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
http-equiv | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
name | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
charset | (Yes) | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
content | (Yes) | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
http-equiv | (Yes) | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |
name | (Yes) | (Yes) | (Yes) | 1.0 | (Yes) | (Yes) | (Yes) |