最近,METAタグを使うと言語の設定ができるだけではなく,ホームページにさまざまな効果を与えられると聞きました。METAタグの使い方について教えてください。
METAタグはさまざまなMETA情報を表すタグです。<HEAD>と</HEAD>の間に入れて,情報の宣言や動的な命令を下す役割をさせることができます。
META情報を表すMETAタグ
一般的なMETAタグの使い方が,文字コードの宣言です。例えば,日本語の場合には,JIS,シフトEUC-JIS(Extended UNIX Code),UNICODE(万国文字コード)の4種類があり,見る側のブラウザでそれらを切り替えなくてはいけません。それを自動化するためにこのMETAタグが使われています。そのときのHTMLの記述は,
<META HTTP-EQUIV="ContentType" CONTENT="text/html;CHARSET=SHIFT_JIS">
となります。このときの"SHIFT_JIS"がシフトJISという意味になり,このページはそれで書かれていることを宣言し,最近のブラウザはこの部分を識別してその文字コードで表示します。
また,それ以外にも作者名,タイトル,HTML作成ソフト,問い合わせ先,制作日,制作時間などの宣言ができるようになっています(表1)。
表1 META情報を表すMETAタグ
作者名 | <META NAME="author" CONTENT="作者名や会社名"> |
タイトル | <META NAME="title" CONTENT="タイトル"> |
HTML作成ソフト名 | <META NAME="GENERATOR" CONTENT="ソフト名"> |
問い合わせ先 | <META NAME="REPLY-TO" CONTENT="メールアドレス"> |
作成日 | <META NAME="BUILD" CONTENT="作成年月日"> |
制作時間 | <META NAME="CREATIM" CONTENT="作成時間"> |
|
演出効果 |
|
中心から四角が大きくなる形で新しいページが開いていく |
|
前のページが外側から中心に向かって円が小さくなる形で閉じていく |
|
中心から丸が大きくなる形で新しいページが開いていく |
|
下から上にカーテンが上がるように開いたページに切り替わっていく |
|
上から下にカーテンが下がるように開いたページに切り替わっていく |
|
左から右にカーテンを引くように開いたページに切り替わっていく |
|
右から左にカーテンを引くように開いたページに切り替わっていく |
|
縦置きのブラインドのように,小分けにしたカーテンが左から右に閉じるように開いたページに切り替わっていく |
|
通常のブラインドのように,小分けにしたカーテンが上から下に閉じるように開いたページに切り替わっていく |
|
格子状に分けられたページが,1マスごとに左から右に閉じていく |
|
格子状に分けられたページが,1マスごとに上から下に閉じていく |
|
少しずつ曇っていくように開いたページに切り替わっていく |
|
観音扉を閉じるように,開いたページに切り替わっていく |
|
観音扉を開くように,開いたページに切り替わっていく |
|
上下からシャッターが閉じるように,開いたページに切り替わっていく |
|
上下にシャッターが開くように,開いたページに切り替わっていく |
|
右上から左下に,開いたページに切り替わっていく |
|
右下から左上に,開いたページに切り替わっていく |
|
左上から右下に,開いたページに切り替わっていく |
|
左下から右上に,開いたページに切り替わっていく |
|
横線がランダムに増加して,開いたページに切り替わっていく |
|
縦線がランダムに増加して,開いたページに切り替わっていく |
|
以上 1〜22までの効果をランダムに出現させる |
左から右へ,カーテンを引くように開いたページに切り替わる |
前のページが外側から中心に向かって円が小さくなる形で閉じていく |
左下から右上に,開いたページに切り替わる |