meta要素
の仕様

meta
一般的なメタ情報 (generic metainformation)
種類
空要素
カテゴリ
メタデータコンテンツ
itemprop属性が存在する場合は、
レンダ
リング
ボックスを生成しない
非表示の要素
  1. meta {
  2. display: none;
  3. }

CSS を大雑把に読むと、 要素とその子孫は、ボックスやテキストランを生成しません。 などになります。

使用できる状態
charset属性が存在する場合、または要素のhttp-equiv属性がエンコーディング宣言状態にある場合は、head要素。
http-equiv属性が存在するが、エンコーディング宣言状態にない場合は、head要素にも, head要素内にある noscript要素にも配置できます。
name属性が存在する場合は、メタデータコンテンツを受け入れる要素。
itemprop属性が存在する場合は、メタデータコンテンツを受け入れる要素, フレージングコンテンツを受け入れる要素。
許可されている内容
なし
タグの省略
省略できません。
許可されているARIA
なし[No corresponding role]
属性

グローバル属性

charset
文字エンコーディング
http-equiv
プラグマディレクティブ
name
メタデータ名
content
要素の値
DOM
HTMLMetaElement
  1. [Exposed=Window]
  2. interface HTMLMetaElement : HTMLElement {
  3. [HTMLConstructor] constructor();
  4.  
  5. [CEReactions] attribute DOMString name;
  6. [CEReactions] attribute DOMString httpEquiv;
  7. [CEReactions] attribute DOMString content;
  8. [CEReactions] attribute DOMString media;
  9.  
  10. // also has obsolete members
  11. [CEReactions] attribute DOMString scheme;
  12. };
PUG
_template.pug
  1. block variable
  2. block document
  3. doctype html
  4. html(lang="ja")
  5. head
  6. block head
  7. meta(charset="UTF-8")
  8. title 離珠のHTMLでしぃ！
  9. noscript
  10. meta(http-equiv="Content-Style-Type" content="text/css")
  11. meta(name="viewport" content="width=device-width,initial-scale=1")
  12. body
  13. block body
  14. | meta要素のサンプル用ページです。
  15. div(itemscope)
  16. meta(itemprop="test" content="123")
説明
meta要素は、他のメタ関連要素で表す事が出来ない任意のメタデータを表します。

name属性を持つドキュメントレベルのメタデータ、
http-equiv属性を持つプラグマディレクティブ、
および charset属性を使用して HTML文書が文字列形式にシリアル化されたときのファイルの文字エンコーディング宣言、を表す事が出来ます。

「meta要素」のページで改めて詳細に記述しています。

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>離珠のHTMLでしぃ！</title>
  6. <noscript>
  7. <meta http-equiv="Content-Style-Type" content="text/css">
  8. </noscript>
  9. <meta name="viewport"
    content="width=device-width,initial-scale=1">
  10. </head>
  11. <body>
  12. meta要素のサンプル用ページです。
  13. <div itemscope>
  14. <meta itemprop="test" content="123">
  15. </div>
  16. </body>
  17. </html>
参照元
参照元
  1. HTML Living Standard. 4.2.5 The meta element
  2. HTML Living Standard. 15 Rendering 15.3.1 Hidden elements
  3. HTML 5.2 W3C 勧告. 4.2.5. The meta element (W3C勧告、2017年12月14日)
  4. HTML 5.2 W3C 勧告. 10.3.1. Hidden elements (W3C勧告、2017年12月14日)
  5. HTML 5.1 W3C 勧告. 4.2.5. The meta element (W3C勧告、2016年11月1日)
  6. HTML 5.1 W3C 勧告. 10.3.1. Hidden elements (W3C勧告、2016年11月1日)
  7. HTML 4.01 Specification W3C 勧告. 7.4.4.2 The META element (W3C勧告1999年12月24日)
  8. HTML 3.2 Reference Specification. META (W3C勧告1997年1月14日)
  9. Hypertext Markup Language - 2.0 (November 1995)
  10. MDN Web Docs. HTML <meta>: 文書レベルメタデータ要素
最終確認日
2022-07-27