<meta>: メタデータ要素

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.

<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 属性がある場合はフローコンテンツ、記述コンテンツ。
許可されている内容 なし。これは空要素です。
タグの省略 空要素であるため開始タグは必須であり、終了タグは置いてはいけません。
許可されている親要素
許可されている ARIA ロール 対応するロールなし
許可されている ARIA ロール 許可されている role なし
DOM インターフェイス HTMLMetaElement

仕様書

Specification
HTML
# the-meta-element

関連情報