The Wayback Machine - https://web.archive.org/web/20180125061444/https://developer.mozilla.org/ja/docs/Web/HTML/Element/meta

meta 要素

ここへジャンプ:
  1. 属性
  2. 注記
  3. 例
  4. 仕様
  5. ブラウザー実装状況
  6. 関連情報

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

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

属性

この要素は グローバル属性 を持ちます。

注記: <meta> 要素ではグローバル属性 name に特別な意味があります。また、name、http-equiv または charset のいずれかを持つ <meta> 要素に itemprop 属性を設定してはいけません。

charset
この属性は、ページで使用している文字エンコーディングを宣言します。この属性は 文字エンコーディングの標準 IANA MIME name のひとつであることが必要です。標準仕様では特定の文字エンコーディングを要求していませんが、以下の推奨事項があります:
  • 作者には UTF-8 を推奨します。
  • 作者は ASCII との互換性がないエンコーディングを使用するべきではありません。これはセキュリティのリスクがあるためで、これらのエンコーディングをサポートしないブラウザーが HTML 要素ではないコンテンツを HTML 要素として解釈するかもしれません。これは、少なくとも以下の文字セットがあてはまります: JIS_C6226-1983、JIS_X0212-1990、HZ-GB-2312、JOHAB、ISO-2022 ファミリー、EBCDIC ファミリー。(ASCII と互換性がないエンコーディングとは、8 ビットのコードポイント 0x20 から 0x7E が Unicode のコードポイント 0x0020 から 0x007E にマッピングされていないエンコーディングです)
  • 作者は CESU-8、UTF-7、BOCU-1、SCSU を 使用してはいけません。これらのエンコーディングで クロスサイトスクリプティング 攻撃が実証されています。
  • 作者は UTF-32 を使用すべきではありません。これは、すべての HTML5 エンコーディングアルゴリズムで UTF-16 と区別できるわけではないためです。
注記:
  • 文字化けやセキュリティホールを避けるため、宣言した文字集合はページを保存した文字集合と一致しなければなりません。
  • エンコーディングを宣言する <meta> 要素は <head> 要素の内部かつ HTML の始めから 1024 バイト以内に配置しなければなりません。これは、ページの文字集合を選択するまでに始めの部分しか確認しないブラウザーがあるためです。
  • この <meta> 要素はブラウザーが提供する、ページの 文字集合を判断するアルゴリズム の一部でしかありません。特に、HTTP の Content-Type ヘッダー や バイトオーダーマーク はこの要素より優先します。
  • この属性を使用して文字集合を定義することを強く推奨します。ページで文字集合を定義しない場合は UTF-7 fallback cross-scripting technique のような、ページの利用者を攻撃するクロスサイトスクリプティング手法が実現する可能性があります。
  • charset 属性を持つ <meta> 要素は、HTML5 より前の <meta http-equiv="Content-Type" content="text/html; charset=IANAcharset"> (IANAcharset は、同様の charset 属性の値に対応します) と同義です。この構文はまだ許容されていますが、今後は推奨されません。
content
この属性は状況に応じて、http-equiv 属性または name 属性に関連付けられた値を持ちます。
http-equiv
この属性は HTTP ヘッダーの名前を持つことができ、それゆえに属性名が http-equivalent です。これは、サーバーやユーザーエージェントの動作を変更可能な命令を定義します。命令の値は content を使用して定義します。以下のいずれかを使用できます:
"content-language"
ページのデフォルトの言語を定義します。これはすべての要素の lang 属性に置き換えられました。
この値は廃止されたため、使用しないでください。代わりに、<html> 要素で lang グローバル属性を使用します。
"content-security-policy"
この値により、ページ作者がページの コンテンツポリシー を定義できます。いくつかの例外を除き、ポリシーはサーバーオリジンやスクリプトのエンドポイントの指定に関与します。これは、クロスサイトスクリプティング攻撃の対策になります。
"content-type"
この属性は文書の MIME type を定義するもので、後に文字集合の定義が続きます。これは HTTP の content-type エンティティヘッダーフィールドと同じ構文に従いますが、HTML ページ内にあるため text/html を除くほとんどの値は使用できません。従って、この content として有効な構文は文字列 'text/html' に、以下の構文による文字集合を続けたものになります: '; charset=IANAcharset'。IANAcharset は、IANA で定義 されている文字集合の Preferred MIME Name です。
使用上の注意:
  • この値は廃止されたため、使用しないでください。代わりに、<meta> 要素で charset 属性を使用します。
  • <meta> は XHTML や HTML5 の XHTML シリアライズで文書のタイプを変更できませんので、<meta> に XHTML の MIME type を設定しないようにしてください。これは正しい方法ではありません。
"refresh"
これは以下の命令を指定します:
  • content 属性に正の整数が 1 つだけ含まれている場合は、ページを再読み込みするまでの秒数。
  • content 属性に正の整数と、その後に文字列 ';url=' と有効な URL がある場合は、別のページにリダイレクトするまでの秒数。
"set-cookie"
ページの Cookie を定義します。属性の値は IETF の HTTP Cookie 仕様 で定義している構文に従わなければなりません。
注記: この方法は廃止されたため、使用しないでください。代わりに HTTP ヘッダー Set-Cookie を使用します。
name

この属性は、文書レベルのメタデータの名前を定義します。itemprop 属性、http-equiv 属性、charset 属性のいずれかも設定する場合は、この属性を設定するべきではありません。

文書レベルのメタデータの名前は、content 属性が持つ値と関連づけられます。name 属性で使用できる値は、content 属性で結びつけられる値に対して以下のものがあります:

  • application-name は、ウェブページで実行するアプリケーションの名前を定義します。
    注記:
    • ブラウザーは、これをアプリケーションの識別に使用するでしょう。これは <title> 要素とは異なります。title 要素もアプリケーション名を持ちますが、文書の名前や状態といった特別な情報も含むことがあります。
    • 単純なウェブページで application-name メタ情報を定義するべきではありません。
  • author は、文書の作者名を定義します。
  • description は、ページのコンテンツに関する簡潔で正確な概要を保持します。Firefox や Opera などいくつかのブラウザーは、ページをブックマークに追加した際のデフォルトの説明文としてこのメタ情報を使用します。
  • generator は、ページを生成したソフトウェアの識別名を定義します。
  • keywords は、ページのコンテンツに関連する単語をカンマ区切りの文字列で保持します。
  • referrer は、この文書からリクエストを送信する場合に Referer HTTP ヘッダー へ付加する内容を制御します:
    <meta name="referrer"> の content 属性の値
    no-referrer HTTP Referer ヘッダーを送信しません。
    origin ドキュメントの オリジン を送信します。
    no-referrer-when-downgrade 推測的に見てよりセキュアな宛先 (https→https) には オリジン をリファラーとして送信しますが、安全性が低い宛先 (https→http) には送信しません。これは既定の動作です。
    origin-when-crossorigin 同一オリジンへのリクエストでは URL 全体 (パラメーターは除く) を送信しますが、他の場合は オリジン のみ送信します。
    unsafe-URL 同一オリジンおよびクロスオリジンのリクエストで URL 全体 (パラメーターは除く) を送信します。
    • referrer でキーワード always、default、never をサポートするブラウザがあります。これらの値は非推奨です。
    • (document.write や appendChild により) 動的に <meta name="referrer"> を挿入すると、リファラを送信するかの決定権を持たないものになります。
    • 競合するポリシーをいくつか定義すると、No-referrer ポリシーが適用されます。

この属性では、WHATWG Wiki の MetaExtensions ページで定義されている拡張リストの値も使用できます。まだ正式には承諾されていませんが、一般的に使用される名前があります:

最後に、一部の name は一般的に使用されていますが標準化が進められていません:

  • creator は、文書の制作者を定義します。これは組織名にできることに注意してください。複数の制作者がいる場合は、<meta> 要素を複数使用すべきです。
  • googlebot は robots と同義ですが、Google のインデックス作成クローラーである Googlebot だけが従います。
  • publisher は、文書の発行者を定義します。
  • robots は、協力的なクローラあるいは "robot" がページ上で行うべき動作を定義します。これは、以下のリストにある値をカンマ区切りで並べます:
    <meta name="robots"> の content の値
    値 説明 使用対象
    index robot にページのインデックス作成を許可する (既定値) すべて
    noindex ページのインデック作成を行わないことを robot に要求する すべて
    follow robot がページ上のリンクをたどることを許可する (既定値) すべて
    nofollow ページ上のリンクをたどらないことを robot に要求する すべて
    none noindex, nofollow と同義 Google
    noodp Open Directory Project に説明文がある場合、検索結果のページでその説明文をサイトの説明として使用しないようにする

    Google, Yahoo, Bing
    noarchive ページのコンテンツをキャッシュしないことを検索エンジンに要求する Google, Yahoo, Bing
    nosnippet 検索結果のページでページの説明を表示しないようにする Google, Bing
    noimageindex インデックス登録された画像の参照元としてページを表示しないように要求する Google
    nocache noarchive と同義 Bing
    注記:
    • 協力的な robot しか、robots の name で定義した規則に従わないでしょう。電子メールを収集するようなものを寄せつけないようにするとは考えないでください。
    • meta の値を読み取るため、robot はページにアクセスできることが必要です。ネットワーク帯域の消費を抑えるたい場合は、robots.txt ファイルを使用してください。
    • インデックスからページを削除したい場合は、meta を noindex に変更すれば実現できますが、robot が再びページを訪れたときになります。robots.txt ファイルが再訪問を妨げないようにしてください。一部の検索エンジンは、ページを早急に削除するための開発者ツールを用意しています。
    • index と noindex、または follow と nofollow など、互いに排他的な値があります。同時使用した場合の robot の動作は未定義であり、robot により大きく異なるかもしれません。
    • Google、Yahoo、Bing など一部の検索エンジンのクローラー robot は、X-Robot-Tags HTTP ヘッダーで同じ値をサポートしています。これにより、画像など HTML 文書以外でも規則を使用できます。
  • slurp は robots と同義ですが、Yahoo 検索のクローラである Slurp のみが従います。
  • viewport は、viewport の初期サイズに関する助言を与えます。モバイル機器のみで使用されます。
    <meta name="viewport"> の content の値
    値 設定可能な値 説明
    width 正の整数またはテキスト device-width viewport の幅をピクセル値で定義するか、viewport をデバイスのスクリーンの幅に合わせることを認めます。
    height 正の整数またはテキスト device-height viewport の高さをピクセル値で定義します。どのブラウザーでも使用されていません。
    initial-scale 0.0 から 10.0 までの、正の数値 デバイスの幅 (ポートレートモードでの device-width またはランドスケープモードでの device-height) と viewport のサイズの比率を定義します。
    maximum-scale 0.0 から 10.0 までの、正の数値 ズームの最大値を定義します。この値は minimum-scale と同じまたはより大きくしなければなりません。そうしないときの動作は不定です。ブラウザーの設定でこの規則を無視できます。また、iOS 10 以降はデフォルトで無視します。
    minimum-scale 0.0 から 10.0 までの、正の数値 ズームの最小値を定義します。この値は maximum-scale と同じまたはより小さくしなければなりません。そうしないときの動作は不定です。ブラウザーの設定でこの規則を無視できます。また、iOS 10 以降はデフォルトで無視します。
    user-scalable yes または no no を設定すると、ユーザーはページのズームができなくなります。デフォルト値は yes です。ブラウザーの設定でこの規則を無視できます。また、iOS 10 以降はデフォルトで無視します。
    仕様書 策定状況 コメント
    CSS Device Adaptation
    <meta name="viewport"> の定義    		 草案 Viewport META 要素について、非規範的な説明を掲載
    @viewport もご覧ください。
    注記:
    • この属性は標準化されていませんが、事実上優勢であるためほとんどのモバイルブラウザーで使用されています。
    • デフォルト値は機器やブラウザーにより異なる可能性があります。
    • モバイル版 Firefox におけるこの宣言について詳しく知るには、こちらの記事 をご覧ください。
scheme
この属性は、メタデータを説明するスキーマを定義します。スキーマは、フォーマットなど content の値を正しく解釈するように導くコンテキストです。
注記: この属性は廃止されたため使用しないでください。実際の使用法がなかったため、代替策はありません。

注記

属性のセットに応じて、メタデータの種類は以下のいずれかになります:

  • name を設定すると文書レベルのメタデータになり、ページ全体に適用します。
  • http-equiv を設定するとプラグマディレクティブ、つまりどのようにウェブページを提供するかについて、通常ウェブサーバーから与えられる情報です。
  • charset を設定すると文字集合宣言、つまりウェブページで使用する文字集合です。
  • itemprop を設定するとユーザー定義メタデータとなり、メタデータのセマンティックがユーザー独自であるためユーザーエージェントに対して透過的になります。

例

<meta charset="utf-8">

<!-- 3 秒後にページをリダイレクト -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">

仕様

仕様書 策定状況 コメント
Referrer Policy
<meta name="referrer"> の定義		 勧告改訂案 <meta name="referrer"> の値やセマンティクスを定義
HTML Living Standard
<meta> の定義		 現行の標準 itemprop 属性を追加
HTML5
<meta> の定義		 勧告 charset 属性を追加
HTML 4.01 Specification
<meta> の定義		 勧告  

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート 有り 有り1 有り 有り 有り
charset 有り 有り1 有り 有り 有り
content 有り 有り1 有り 有り 有り
http-equiv 有り 有り1 有り 有り 有り
name 有り 有り1 有り 有り 有り
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基本サポート 有り 有り 有り4 有り 有り 有り
charset 有り 有り 有り4 有り 有り 有り
content 有り 有り 有り4 有り 有り 有り
http-equiv 有り 有り 有り4 有り 有り 有り
name 有り 有り 有り4 有り 有り 有り

関連情報

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: yyss, mizunashi_mana, hashedhyphen
 最終更新者: yyss,