CSS
WEB用語(N)

<meta> - メタ

トップ > HTMLリファレンス > <meta>
概要
形式<meta http-equiv="..." content="...">
<meta name="..." content="...">
サポートH3〜H4s〜 / e2〜 / N2〜 / i1〜
タグの省略開始タグ:必要、終了タグ:無し
説明

meta は METAinformation(メタ情報)の略です。英語の meta- は、後から(after)、超えて(beyond)、共に(with)、変化(change)などのニュアンスを持つ接頭語です。「それまでの機能に加えて、後から機能を追加するためのもの」といった意味でしょうか。<meta> タグは、HTML の規約で定義されているものに加えて、いろいろな目的で使用されます。

<meta name="name" content="content"> の形式は、ブラウザや検索エンジンのロボットに情報を与えます。

<meta http-equiv="name" content="content">の形式は、HTTPヘッダに name: content というフィールドを追加したのと同じ働きをします。

詳細は、使用例を参照してください。

属性
【固有属性】
属性意味
name=nameH2-H4s/e2/N2。名前を指定します。
http-equiv=http-equivH2-H4s/e2/N2/i2。HTTPヘッダ名を指定します。
content=contentH2-H4s/e2/N2/i2。内容を指定します。HTML4.01 では必須の属性として定義されています。
scheme=schemeH4s。content を解釈する際のスキーマ情報(ヒント情報)を与えます。あまり使用されていません。

【一般属性】
属性意味
dir=dirH4s/e5。文字の表示方向を指定します。
lang=langH4s/e4。言語を指定します。
title=titlee4。タイトルを指定します。
文字コード

文書の文字コード(キャラクタセット)を宣言します。これを指定することで文字化けの発生を抑えることができますので、日本語を用いる場合は指定することをおススメします。Shift_JIS はシフトJIS、euc-jp は EUC、iso-2022-jp はJISコードの時に指定します。

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp">

(参考: http://www.iana.org/assignments/character-sets

シフトJISは、昔は x-sjis となっていましたが、現在では Shift_JIS に変更されています。Shift_JIS と指定すると問題の発生するブラウザがありましたが、現在はそういうバージョンも皆無なので、文字化け対処のためにも指定しておくことをおススメします。(私も最近は記述してます。)

基準スクリプト言語

文書中の onclick="..." などで呼び出すスクリプトの基準言語を指定します。(language 属性で変更可能です。)スクリプトをサポートする大半のブラウザの基準言語は JavaScript なので、事実上は指定しても指定しなくても大差ありませんが、スクリプトを用いる時は記述しておくことが推奨されています。(面倒なので私はサボってます。)

<meta http-equiv="Content-Script-Type" content="text/javascript">
基準スタイルシート言語

文書中の style 属性で使用するスタイルシートの基準言語を指定します。スタイルシートの基準言語も大抵が CSS なので、指定しなくてもほとんど問題はありませんが、スタイルシートを用いる際は指定しておくことが推奨されています。(面倒なので私はサボってます。)

<meta http-equiv="Content-Style-Type" content="text/css">
文書の著者

文書の著者を明記します。画面上では表示の変化はありません。contentの部分にはメールアドレスを書いてもよいでしょう。

<meta name="Author" content="Tohoho">
文書のキーワード

この文書に関連するキーワードを指定します。検索ロボットの中にはこのキーワードを解釈してくれるものがあります。

<meta name="Keywords" content="HTML,CGI,SSI">
文書の概要

この文書に関連する説明(description)を指定します。検索ロボットの中にはこのキーワードを解釈してくれるものがあります。

<meta name="Description" content="HTMLリファレンスです">
画面の再描画

文書を 10秒毎に再描画します。この機能をクライアントプルと呼びます。IE3.0、Netscape Navigator 2.0 でサポートされています。

<meta http-equiv="Refresh" content="10">
別ページへの自動ジャンプ

10秒後にURL=...で指定したURLにジャンプします。ホームページの移動の際に用いている例があります。IE3.0、Netscape Navigator 2.0 でサポートされています。

<meta http-equiv="Refresh" content="10;URL=http://xyz.com/">
キャッシュの有効期限

この文書がキャッシュから消去されるべき時刻を指定しています。ブラウザによりサポート状況は異なります。

<meta http-equiv="Expires" content="Tue, 20 Aug 1996 14:25:27 GMT">
キャッシュ制御

文書がブラウザ側にキャッシュされるのを防ぎます。これにより、アクセスする度に最新のページを読み込ませる事ができます。(サポート状況はブラウザによって異なります)

<meta http-equiv="Pragma" content="no-cache">
検索ロボット制御

goo や Google などの検索ロボットへの指示を書きます。index は検索を許可、noindex は検索を禁止、follow はリンク先をたぐることを許可、nofollow はリンク先参照を禁止します。

<meta name="robots" content="noindex,nofollow">
トランジション指定

ページを移動する時のビジュアル効果を指定します。→「トランジション」。

<meta http-equiv="Page-Enter"
      content="blendTrans(Duration=0.8)">

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


CSS
Ryuumu