<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

瀏覽器相容性

另見