<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 July 2015.
* Some parts of this feature may have varying levels of support.
name 属性は <meta> 要素で、メタデータを名前と値の組み合わせで提供します。
<meta> 要素に name 属性がある場合、 content 属性で対応する値を定義します。
メタデータは、ページ全体に適用される「文書レベルメタデータ」です。
例えば、次の <meta> タグは、文書内のメタデータとして description を提供します。
<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" /> -
文書の著者の名前です。
color-scheme-
文書と互換性のある 1 つ以上の複数の配色を指定します。 ブラウザーは、この情報をユーザーのブラウザーや端末の設定と合わせて使用し、背景や前景、フォームコントロールやスクロールバーなど、あらゆるものに使用する色を決定します。
<meta name="color-scheme">の主な用途は、ライトモードとダークモードの互換性と優先順位を示すことです。 description-
ページのコンテンツの簡潔で正確な概要で、ふつう「メタディスクリプション」と呼ばれます。 Google などの検索エンジンは、このメタデータを使用して、検索結果に表示されるウェブページの見え方（英語）を調整しています。
generator-
ページを生成したソフトウェアの識別子です。
keywords-
ページのコンテンツに関連する単語をカンマで区切ったものです。
referrer-
この文書から送信されるリクエストの HTTP
Refererヘッダーを制御します。 theme-color-
ユーザーエージェントが、ページまたはその周辺のユーザーインターフェイスの表示をカスタマイズするために使用すべき提案としての色を示します。
content属性は、有効な CSS の<color>を含んでいます。media属性で有効なメディアクエリーのリストを記載することで、テーマカラーメタデータが適用されるメディアを設定することができます。
他の仕様書で定義されている meta name
WHATWG MetaExtensions wiki で定義されているメタデータ名
WHATWG Wiki MetaExtensions ページ には、標準外のメタデータ名の大規模なセットが含まれています。 記載されている名前のいくつかは、実際にはごく一般に使用されています。特に、次のものが挙げられます。
仕様書
| Specification |
|---|
| HTML # standard-metadata-names |
| Referrer Policy # referrer-policy-delivery-meta |