<meta> name 属性

Baseline 广泛可用 *

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

* 此特性的某些部分可能存在不同级别的支持。

<meta> 元素的 name 属性以键值对的形式提供元数据。当一个 <meta> 元素具有 name 属性时,content 属性定义了相应的值。这些元数据是文档级别的元数据,适用于整个页面。

例如,以下 <meta> 标签为文档提供了 description 作为元数据

html
<meta
  name="description"
  content="The HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements." />

HTML 规范中定义的 Meta 名称

HTML 规范定义了以下一组标准的元数据名称:

application-name

浏览器可以使用此属性来识别网页中运行的应用程序。它不同于 <title> 元素,后者可能包含应用程序(或网站)名称,但 <title> 可能还会添加上下文信息,如文档名称或状态。单个页面不应定义自己的、唯一的 application-name。要提供翻译,请为每种语言使用带有 lang 属性的多个 <meta> 标签。

html
<meta name="application-name" content="Weather Wizard" lang="en" />
<meta name="application-name" content="Mago del Clima" lang="es" />
author

文档作者的姓名。

color-scheme

指定文档兼容的一个或多个颜色方案。浏览器将此信息与用户的浏览器或设备设置结合使用,以确定从背景、前景到表单控件和滚动条的各种元素的颜色。<meta name="color-scheme"> 的主要用途是指示浅色和深色模式的兼容性和偏好顺序。

description

页面的内容摘要,通常称为“meta description”。像 Google 这样的搜索引擎会使用此元数据来调整网页在搜索结果中的显示方式

generator

生成页面的软件的标识符。

keywords

与页面内容相关的词语,用逗号分隔。

referrer

控制从文档发送的请求的 HTTP Referer 标头。

theme-color

指示用户代理应使用的建议颜色,以自定义页面或周围用户界面的显示。content 属性包含一个有效的 CSS <color> 值。可以包含带有有效媒体查询列表的 media 属性,以设置主题颜色元数据适用的媒体。

其他规范中定义的 Meta 名称

CSS Device Adaptation 规范定义了以下元数据名称:

viewport

视口 的初始大小提供提示。

WHATWG MetaExtensions wiki 中定义的 Meta 名称

WHATWG Wiki 的MetaExtensions 页面包含大量非标准元数据名称。其中一些名称在实践中被广泛使用,特别是以下名称:

creator

文档创建者的姓名,例如组织或机构。如果有多个创建者,应使用多个 <meta> 元素。

googlebot

robots 的同义词,仅被 Googlebot(Google 的索引爬虫)遵循。

publisher

文档发布者的姓名。

robots

一个逗号分隔的值列表,定义了合作爬虫(或“robots”)应如何处理该页面的爬取行为。

规范

规范
HTML
# standard-metadata-names
Referrer Policy
# referrer-policy-delivery-meta

浏览器兼容性

另见