Webページの基本構造

前ページではタグを使用して段落を定義する例を紹介しました。しかし、HTML/XHTMLの使用には1つの決まった形があり、必ず入力されるタグが3つあります。下の例はそれらを追加したものです。


<html>
<head>
</head>
<body>
<p>はじめてのウェブページ</p>

<p>うまく表示されるかな。</p>
</body>
</html>

確認しても、表示された結果は前ページと変わりません。しかし、これら3つのタグを入力しておくことには理由があります。

いつもある3つのタグ

Webページを構成する要素には大きく分けて、<html>の要素、<head>の要素、<body>の要素の3つがあります。下図を参照してみてください。

<html>

<head>
ページ自体の基本的な設定事項を記述する
</head>

<body>
内容（ブラウザに表示される部分 なども含む）
</body>

</html>

<html>タグは、WebページでHTMLあるいは、XHTMLが使用されていることを定義します。Webページの作成にHTML/XHTMLを使用するには、最初に開始タグの<html>、最後に終了タグの</html>を必ず記述します。

<head>と</head>の間にはページ自体の基本的な設定事項を記述します。例えば、ページのタイトルや他のプログラムで処理する内容などを記述します。

<body>と</body>の間には文章や画像など、ブラウザに表示したいものを記述します。のような表示に関するタグはこの<body>と</body>の間に記述します。通常、この部分の作成や編集に時間をかけることになるでしょう。

尚、<body>の要素が<head>の要素より前に書かれることはありません。

前ページで<html>と<body>を省略したことについて

前ページでは<html>と<body>を記述しないままタグを使用して段落を定義することができました。これは、タグが記述されていることから、HTMLあるいは、XHTMLの使用が明白なため、ブラウザが自動的にの要素を段落としてみなしたからです。

ほとんど全てのブラウザで<html>タグなどを省略しても意図した結果として表示されます。とはいえ、<html>タグを記述しておくことで人間が見た場合にHTML/XHTMLが使用されていることが分かりますし、タグの省略は正しいHTML/XHTMLとは呼べないので省略しないようにしましょう。