metaタグ
タグ meta は、ブラウザや検索エンジンに対して、
ページのエンコーディング、検索エンジン向けのページ説明、
ページの著者などのサービスコマンドを設定します。
このタグの動作原理は以下の通りです(一部例外を除く):
コマンド名を(属性 name または属性 http-equiv で)設定し、
コマンドの値を属性 content で設定します。
本質的に、このタグは一連のタグ(コマンド)を含んでおり、
それらを総称して メタタグ と呼びます。
タグ meta は閉じタグを必要としません。
タグ meta は、タグ head 内で使用する必要があります。
一般的な使用例
ドキュメントのエンコーディング
現在、エンコーディングの標準は utf-8 です。
理論的には、(metaタグを通して)明示的にエンコーディングを設定しなくても、
ブラウザは理解するはずです。しかし実際には、そのようにすることをお勧めしません。
エンコーディングが正しく認識されないと、ロシア語のテキストの代わりに文字化けが表示される可能性があります。
HTML5では、エンコーディングは簡略化された形式で設定されます:
<meta charset="utf-8">
以前はエンコーディングを次のように設定していました(現在はこの方法は非推奨で、古い教科書で見かけることがあります):
<meta http-equiv="content-type" content="text/html; charset=utf-8">
ドキュメントの説明
メタ説明は検索エンジンを対象としており、ページの簡単な説明を記述します。 この説明から、検索エンジンは状況に応じてページの スニペット を作成することがあります。 スニペットとは、検索結果に表示されるサイトページの短い説明です。 したがって、ページのメタ説明は、検索結果で表示させたいスニペットと同じ内容にし、 サイトの各ページごとに固有のものにするべきです。
使用方法は以下の通りです:
<meta name="description" content="このページはメタタグについて説明しています。">
ドキュメントのキーワード
メタキーワードは、ページが検索される最も重要な単語を検索エンジンに示すためのものです。 現在では、ウェブマスターによる乱用のため、検索エンジンはこのメタタグを重視していません。
使用方法は以下の通りです(キーワードやフレーズはカンマ区切りで列挙します):
<meta name="keywords" content="メタタグ, メタ説明, HTML リダイレクト" >
リダイレクト(別ページへの転送)
特定のページにアクセスしたユーザーを自動的に別のページに転送させる(例えば、ページが移動した場合など)ことができます。 使用方法は以下の通りです(5は転送が行われるまでの秒数です):
<meta http-equiv="refresh" content="5; url=http://www.example.com/">
その他の例
その他の例は、このリンクで確認できます。
使用可能な属性
| 属性 | 説明 |
|---|---|
name |
メタタグの名前。この名前を持つメタタグの値は、属性 content で設定されます。 |
http-equiv |
HTTPヘッダーを設定し、ブラウザに送信することを可能にします。
ヘッダー名を設定します。ヘッダーの値は、属性 content で設定されます。
|
content |
属性 name または http-equiv を使って設定された属性の値を定義します。 |
charset |
ドキュメントのエンコーディングを設定します。現在の標準は utf-8 です。 |