<meta>: メタデータ要素

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.

<meta> はHTML の要素で、メタデータを表します。これは、他のメタ関連要素 (<base>,<link>,<script>,<style>,<title>) で表すことができないものを表します。

<meta> 要素で提供されるメタデータの型は、以下のいずれかになります。

name 属性が設定されている場合、<meta> 要素は文書レベルメタデータを提供し、ページ全体に適用されます。
http-equiv 属性が設定されている場合、<meta> 要素はプラグマディレクティブであり、同様の名前の HTTP ヘッダーによって与えられるものと同等の情報を提供します。
charset 属性が設定されている場合、<meta> 要素は文字セット宣言であり、文書がどの文字エンコーディングでエンコードされているかを指定します。
itemprop 属性が設定されている場合、<meta> 要素はユーザー定義のメタデータを提供します。

属性

この要素にはグローバル属性があります。

メモ:name 属性は<meta> 要素において特別な意味を持ちます。itemprop 属性は、<meta> 要素にすでにname,http-equiv,charset のいずれかがある場合は設定してはいけません。

charset: この属性は、文書の文字エンコーディングを宣言します。この属性が存在する場合、その値は ASCII 文字列で大文字小文字の区別なく"utf-8" と一致する必要があります。 UTF-8 が HTML5 文書で唯一の有効なエンコーディングだからです。文字エンコーディングを宣言する<meta> 要素は、文書の最初の 1024 バイトの中に完全に収まっている必要があります。
content: この属性は状況に応じて、http-equiv 属性またはname 属性に関連付けられた値を持ちます。
http-equiv: 文書を処理するためのブラウザーへの指示であるプラグマディレクティブを定義します。属性名がhttp-equivalent の短縮形なのは、利用できる値が同等の HTTP ヘッダーの名前だからです。
media: media 属性は、content 属性で定義されたテーマ色を適用するメディアを定義します。値はメディアクエリーで、属性が指定されていない場合は既定でall になります。この属性は、要素のname 属性がtheme-color に設定されている場合にのみ関連します。それ以外の場合、効果はありませんので、含めないでください。
name: name 属性とcontent 属性を一緒に使用すると、文書のメタデータを名前と値のペアで提供することができます。name 属性はメタデータの名前、content 属性がその値を指定します。

例

meta 記述の設定

次の<meta> タグは、ウェブページのメタデータとしてdescription を提供します。

html

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

ページリダイレクトの設定

次の例では、http-equiv="refresh" を使用して、ブラウザーにリダイレクトを実行するように指示しています。

content="3;url=https://www.mozilla.org" 属性は、3 秒後にページをhttps://www.mozilla.org にリダイレクトします。

html

<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />

技術的概要

コンテンツカテゴリー	メタデータコンテンツ。`itemprop` 属性がある場合はフローコンテンツ、記述コンテンツ。
許可されている内容	なし。これは空要素です。
タグの省略	空要素であるため開始タグは必須であり、終了タグは置いてはいけません。
許可されている親要素	`<meta charset>`,`<meta http-equiv>`:`<head>` 要素。`http-equiv` がエンコーディング宣言ではない場合は、`<head>` 要素内にある`<noscript>` 要素の内部にも配置できます。 `<meta name>`:メタデータコンテンツを受け入れるすべての要素。 `<meta itemprop>`:メタデータコンテンツまたはフローコンテンツを受け入れるすべての要素。
許可されている ARIA ロール	対応するロールなし
許可されている ARIA ロール	許可されている`role` なし
DOM インターフェイス	`HTMLMetaElement`