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-equivor 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

该属性定义了一段文档级元数据的名称。它不应该,如果一个属性进行设置itemprophttp-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">

产品规格

SpecificationStatusComment
Referrer PolicyThe definition of '<meta name="referrer">' in that specification.Editor's DraftDefines values and semantics of <meta name="referrer">.
HTML Living StandardThe definition of '<meta>' in that specification.Living StandardAdded itemprop attribute
HTML5The definition of '<meta>' in that specification.RecommendationAdded charset attribute
HTML 4.01 SpecificationThe definition of '<meta>' in that specification.Recommendation

浏览器兼容性

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
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)

FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS 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)