<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 を提供します。
<meta
name="description"
content="HTML リファレンスでは、すべての要素および属性について、すべての要素に適用されるグローバル属性も含めて説明しています。" />
ページリダイレクトの設定
次の例では、http-equiv="refresh" を使用して、ブラウザーにリダイレクトを実行するように指示しています。
content="3;url=https://www.mozilla.org" 属性は、3 秒後にページを https://www.mozilla.org にリダイレクトします。
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />
技術的概要
| コンテンツカテゴリー |
メタデータコンテンツ。 itemprop 属性がある場合はフローコンテンツ、記述コンテンツ。
|
|---|---|
| 許可されている内容 | なし。これは空要素です。 |
| タグの省略 | 空要素であるため開始タグは必須であり、終了タグは置いてはいけません。 |
| 許可されている親要素 |
|
| 許可されている ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | 許可されている role なし |
| DOM インターフェイス | HTMLMetaElement |
仕様書
| Specification |
|---|
| HTML # the-meta-element |
ブラウザーの互換性
Loading…