トップページへ戻る / タグ辞典トップに戻る / HP作成講座トップへ戻る

HEAD、BODY内の宣言



HTMLの基本構成(基本テンプレート)

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="author" content="ページの著者名">
<meta name="description" content="ページの説明">
<meta name="keywords" content="検索キーワード1,検索キーワード2,・・・・・">
<meta name="robots" content="all">
<TITLE>ページタイトル</TITLE>
</HEAD>
<BODY backgound="画像のURL" bgcolor="色指定" text="色指定" link="色指定" alink="色指定" vlink="色指定">

実際にページに表示される内容

</BODY>
</HTML>

  • HTMLの基本テンプレートです。これを、コピー&ペーストして使うと、楽かもしれません。
  • 黄色の文字の部分を変えるだけで基本は大丈夫です。足りない部分や余分な部分を足したり削ったりしてお使い下さい。
それぞれの行についての説明
1行目HTMLが始まるよという宣言。
2行目HEADの始まり。HEAD内にはページに関する情報を記述する。
3行目文字化けをしないために、使用する文字コードを指定する。この例の場合はシフトJISを指定しています。意味がわからない人はこのままでいいと思います。
4行目あなたのハンドルネームでも書いといて下さい。
5行目ページの内容を簡潔に記述して下さい。
6行目検索の参考となるキーワードです。アクセス数に直結する項目ですが、最近ではあまり重要視されないとか。何個でも指定できますが、多すぎると検索エンジンに無視される可能性があるとかで・・・。大文字と小文字を区別されます。
7行目検索ロボットがどこまで巡回するかの指定。allで下の階層の全て巡回許可します。特に巡回禁止にする必要もないと思うので、この指定のままでよいと思います。
8行目タイトルバーに表示されるページのタイトル。検索キーワードとなるものをここに入れておくと、アクセスアップに繋がるかもしれません。
9行目HEADの終わり。
10行目BODYの後に、背景色や、背景画像、文字色、リンクの文字色を指定できます。back ground="URL"で、背景画像が指定できます。背景画像を使わない場合は消していいです。
bgcolor="色"で背景色を指定できます。
text="色"で、一般の文字色の指定です。
link="色"で、リンク色の指定です。
alink="色"で、リンクをクリックしたときの色の指定です。
vlink="色"で、既に行ったことのあるリンクの色の指定です。

自動で〇秒後に指定URLに移動させる

<meta http-equiv="refresh" content="秒数;url=移動するURL">
  • 黄色の部分を変更してHEAD内に入れて下さい。
  • 秒数を60、URLを同じページを指定すれば、60秒に一度の自動更新の役割にすることもできます。
  • サンプル←当サイトの共有HPバトラーに実際に使用しています。

ページ移動時に特殊効果をつける

<meta http-equiv="page-enter" content=revealtrans(duration=かかる時間,transition=効果の番号)>
<meta http-equiv="page-exit" content=revealtrans(duration=かかる時間,transition=効果の種類)>
サンプル(かかる時間は1の指定)
/ / / / / / / / 10 / 11 / 12
13 / 14 / 15 / 16 / 17 / 18 / 19 / 20 / 21 / 22 / 23
  • page-enterが、ページに入ってきたときの特殊効果。page-exitの方が、ページを出る時の特殊効果です。
  • 特殊効果の種類は1〜23の全部で23個あります。23はランダムです。効果の番号の部分には、1〜23のどれかを指定して下さい。
  • かかる時間は、最大30秒ですが、あまりに遅いとイライラするので、1秒程度の指定がよいと思います。1と指定して下さい。