<meta> name 属性
Baseline 广泛可用 *
<meta>
元素的 name
属性以键值对的形式提供元数据。当一个 <meta>
元素具有 name
属性时,content
属性定义了相应的值。这些元数据是文档级别的元数据,适用于整个页面。
例如,以下 <meta>
标签为文档提供了 description
作为元数据
<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" />
-
文档作者的姓名。
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 规范定义了以下元数据名称:
WHATWG MetaExtensions wiki 中定义的 Meta 名称
WHATWG Wiki 的MetaExtensions 页面包含大量非标准元数据名称。其中一些名称在实践中被广泛使用,特别是以下名称:
规范
规范 |
---|
HTML # standard-metadata-names |
Referrer Policy # referrer-policy-delivery-meta |
浏览器兼容性
加载中…