<meta> name 属性

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

* Some parts of this feature may have varying levels of support.

name 属性は <meta> 要素で、メタデータを名前と値の組み合わせで提供します。 <meta> 要素に name 属性がある場合、 content 属性で対応する値を定義します。メタデータは、ページ全体に適用される「文書レベルメタデータ」です。

例えば、次の <meta> タグは、文書内のメタデータとして description を提供します。

html

<meta
  name="description"
  content="HTML リファレンスには、すべての要素と属性、およびすべての要素に適用されるグローバル属性が含まれています。" />

値

HTML 仕様書で定義されている meta name

HTML 仕様書では、次の一連の標準メタデータ名を定義しています。

application-name

ブラウザーは、ウェブページで実行されているアプリケーションを識別するためにこれを使用する場合があります。これは、アプリケーション（またはウェブサイト）の名前を含む場合のある <title> 要素とは異なります。 <title> は、文書名や状態などのコンテキスト情報を追加することがあります。個々のページは、自分自身で固有の application-name を定義してはいけません。翻訳を提供するには、複数の <meta> タグにそれぞれの言語に対応する lang 属性を設定して使用してください。

html

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

author

文書の著者の名前です。

color-scheme

文書と互換性のある 1 つ以上の複数の配色を指定します。ブラウザーは、この情報をユーザーのブラウザーや端末の設定と合わせて使用し、背景や前景、フォームコントロールやスクロールバーなど、あらゆるものに使用する色を決定します。 <meta name="color-scheme"> の主な用途は、ライトモードとダークモードの互換性と優先順位を示すことです。

description

ページのコンテンツの簡潔で正確な概要で、ふつう「メタディスクリプション」と呼ばれます。 Google などの検索エンジンは、このメタデータを使用して、検索結果に表示されるウェブページの見え方（英語）を調整しています。

generator

ページを生成したソフトウェアの識別子です。

keywords

ページのコンテンツに関連する単語をカンマで区切ったものです。

referrer

この文書から送信されるリクエストの HTTP Referer ヘッダーを制御します。

theme-color

ユーザーエージェントが、ページまたはその周辺のユーザーインターフェイスの表示をカスタマイズするために使用すべき提案としての色を示します。 content 属性は、有効な CSS の <color> を含んでいます。 media 属性で有効なメディアクエリーのリストを記載することで、テーマカラーメタデータが適用されるメディアを設定することができます。