HTML 概要





1. ドキュメント
1.1 ドキュメントの構造記述
<html> 〜 </html>

html タグで囲まれた領域は、html で書かれていることを表します。

<head> 〜 </head>

head タグ内では、html ドキュメントのヘッダーを記述する。

<body> 〜 </body>

body タグ内に、html ドキュメントの本文を記述する。
html 形式のファイルは以下の形式で記述し、ファイル名の拡張子を .html 又は、.htm とする。

<html>

<head>


ドキュメントのヘッダーを記述する。

</head>

<body>


ドキュメントの本文を記述する。

</body>
</html>

1.2 ヘッダーの記述
head タグで囲まれた部分にヘッダーを記述する。
この部分には、<title>、<base>、<link>、<isindex>、<meta>タグを記述する。

<title> 〜 </title>

タイトルを記述する。 ここに記述したタイトルがブラウザのキャプションとして表示されたり、ブックマークのラベルとして利用される。

<base href="URL">

ドキュメントの URL をフルパスで指定する。

<meta http-eqiv="refresh" content="n; url=URL">

ダイナミックドキュメントを定義する。 n 秒後に、指定された URL のドキュメントを表示する。













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

このMETAタグは、ヘッダーの一番先頭(titleより前)に入れて文字化けを防ぎます。 文字コードがシフトJISの場合は上記のように記載します。

<meta http-equiv="Content-Style-Type" content="text/css">

スタイルシートを使用する際のスタイルシート言語を指定する。尚、デフォルはtext/cssである。

<meta name="keywords" content="キーワード">

検索エンジン(ロボット)に対して、登録して欲しい「キーワード」を記述する。

<meta name="description" content="ホームページの紹介文">

検索エンジン(ロボット)に対して、登録して欲しい「ホームページの紹介文」を記述する。

<meta name="ROBOTS" content="NOINDEX,NOFOLLOW">

検索エンジン(ロボット)に対して、INDEXページ(NOINDEX)とページ内リンク(NOFOLLOW)を登録しないよう指示する。
尚、INDEXと記載するとINDEXページをFOLLOWと記載するとページ内リンクを辿り検索が行われる。

<meta http-equiv="Cache-Control" content="no-cache">

検索したこのページをPC内にキャッシュしないように指示する。

1.3 コメントの記述
<!-- 〜 -->

<!-- と --> に囲まれた部分がコメントになる。

[例]
<!-- ここはコメントになる。 -->