メタ‐タグ【METAタグ】
<meta> メタタグ
| 属性の機能と値 | DTD ※ | |
| content | 文字列： プロパティの値を設定する | ○ |
| name | ピクセル： プロパティの名前を設定する | ○ |
| scheme | 文字列： プロパティの値の意味を示す | ○ |
| http-equiv | 名前： プロパティが HTTPレスポンス・メッセージ・ヘッダであることを示す | ○ |
meta要素は、head要素 内でのみ使われ、この間の他の要素で説明されていない情報を記述するために使用します。この要素の用途は HTTPサーバやブラウザが理解し、解釈し、必要によっては処理が行えるような形で Webの内容を記述することです。
name= と http-equiv属性は、content= で指定された情報をそれぞれブラウザと Webサーバに受け渡します。
name= は インデックスプログラムなど、他のプログラムについても使うことができます。meta要素に書かれた情報の処理は、サーバ、ユーザエージェント、インデックスプログラムなどに任されます。name属性と http-equiv属性の値は、特定の Webブラウザあるいはサーバによって異なります。
また、文書の著者、キーワードなどの文書に関する情報が書かれます。HTML4.0仕様書では、その属性値についての定義は行っていません。ここに記した属性値は一例にすぎません。
＜サンプル＞ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="keywords" content="HTML,ホームページ,初心者,WEB制作> <meta name="description" content="初心者のためのWEB作成講座です"> <title>初心者のためのホームページ講座</title> </head>
meta要素
| HTML |
|---|
 |
meta要素（めたようそ）とは、一般に、ウェブページを記述するHTML[1]において、ページを記述する文字コードや、そのコンテンツに関する著者や期限やキーワードといった、メタデータを表現するHTML要素（META element）[2]である。
HTMLでは、meta要素に以下のいずれかの属性を必須としており[3][4]、それぞれ用途が存在する。
name属性http-equiv属性charset属性itemprop属性
このほか、上記の4つの属性を持たず、以下の属性を用いる場合もある。
property属性- RDFaで規定されているもので、現実にはOpen Graph Protocolでよく使われている。
name属性
name属性がある場合、文書のメタデータを指定する意味になる。name属性とcontent属性で「名前、値」の組を指定する。名前の利用は基本的には自由であるものの、一部の用法はHTML標準で規定されているほか、WHATWG WikiのMetaExtensionsで情報が収集されている。
次に（いわゆる）メタタグの例を挙げる。
<META name="Author" lang="fr" content="Arnaud Le Hors">
ここに記載される、メタデータの「名前、値」の属性セットは、各HTTPユーザーエージェント（つまりはブラウザーやクロウラー）によってそれぞれ解釈され、その対応度は各ユーザーエージェントによって異なる[5]。また、ユーザーエージェントにサポートされないメタタグは単に無視される[6]。
標準メタデータ名
HTML標準では、name属性の値として以下が規定されている[7][8]。
application-nameauthordescriptiongeneratorkeywordsreferrertheme-color
非標準
robotsviewportformat-detection
http-equiv属性
http-equiv属性は、対象のHTMLファイルを送信するときに使用されるHTTPで送られるべき情報（例えば、文字コードや言語など）をHTMLファイル内に記述するために用いられる[9][10]。以下はページの記述言語を日本語に設定する例である。
<meta http-equiv="Content-Language" content="ja">
charset属性
charset属性は、対象のHTML文書における文字コードの指定に用いられる[11][12]。以下はUTF-8を指定する例である。
<meta charset="UTF-8">
HTML 4.01までは、charset属性は規定されておらず、文字コードの指定にはhttp-equiv属性を以下のように使用していた。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
しかし、その一方でこれを正しく記述できていないウェブページのため、ウェブブラウザは当時からcharset属性を認識するようになっていた。その結果、正式にcharset属性がHTML標準に規定されることとなった[13][14]。
itemprop属性
 | この節の加筆が望まれています。 |
脚注
- ^ “HTML 4.01 Specification”. www.w3.org. 2019年6月7日閲覧。
- ^ “The global structure of an HTML document”. www.w3.org. 2019年6月7日閲覧。
- ^ “4.2.5 The meta element” (英語). HTML Standard. 2019年7月7日閲覧。 “Exactly one of the name, http-equiv, charset, and itemprop attributes must be specified.”
- ^ “4.2.5 meta要素”. HTML Standard 日本語訳. 2019年7月7日閲覧。 “name、http-equiv、charset、およびitemprop属性のうちの1つを正確に指定しなければならない。”
- ^ “: 文書レベルメタデータ要素”. MDN Web Docs. 2019年6月7日閲覧。
- ^ “Google がサポートしているメタタグ - Search Console ヘルプ”. support.google.com. 2019年6月7日閲覧。
- ^ “HTML: The Living Standard Developer's Edition 4.2.5.1 Standard metadata names”. WHATWG (2019年10月19日). 2019年10月20日閲覧。
- ^ “HTML Standard 日本語訳 4.2.5.1 標準メタデータ名” (2019年10月18日). 2019年10月20日閲覧。
- ^ Sasaki, Makoto (2014年1月30日). “content-language【metaタグ】とは｜「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典”. wa3.i-3-i.info. 2024年5月30日閲覧。
- ^ “http-equiv属性とは - IT用語辞典”. IT用語辞典 e-Words. 2024年5月30日閲覧。
- ^ 2019-08-14. “HTML Standard 日本語訳”. 4.2.5 meta要素. 2019年8月17日閲覧。 “charset属性は、文書で使用される文字エンコーディングを指定する。これは、文字エンコーディング宣言である。”
- ^ “4.2.5 The meta element”. HTML Standard (2019年8月14日). 2019年8月17日閲覧。 “The charset attribute specifies the character encoding used by the document. This is a character encoding declaration.”
- ^ vantguarde (2008年1月23日). “HTML5のFPWDとmeta要素のcharset属性”. web:g. 2012年3月14日時点のオリジナルよりアーカイブ。2019年8月17日閲覧。
- ^ Pilgrim, Mark (2009年2月13日). “The Road to HTML 5: character encoding”. The WHATWG Blog. 2019年8月17日閲覧。
関連項目
外部リンク
- MetaExtensions - WHATWG Wiki:
name属性の値に対する提案の一覧。
- メタタグのページへのリンク
