HTMLページの基本構造

ウェブサイトのページは、通常のテキストファイルで、 拡張子が.htmlです。このファイルの中に、 HTMLページのテキストとタグが格納されています。 このファイルには必ず次のタグが必要です： サイト全体のテキストを含む必要があるhtmlタグ （このタグの外に書かれたものはすべてブラウザによって無視されます）、 そしてその中にはさらに2つのタグが必要です： ページのサービス内容用のheadタグと、 画面上に表示されるメインテキスト用のbodyタグです。

headタグ内に配置されるサービス内容には、 多くの様々なものが含まれますが、今のところ必要なのは そのうちの2つだけです。ブラウザのタブに表示される ページのタイトルを設定するtitleタグと、 ページのエンコーディングを設定するmetaタグです （エンコーディングはcharset属性で設定され、 通常はutf-8という値になります）。

さらに、htmlタグの前には通常、 サイトが作成されているHTML言語のバージョンを示す doctype宣言が書かれます。 現在の最新バージョンは5で、そのためのドクタイプは 次のようになります：

html<!DOCTYPE html>

それでは、ページの基本構造を見てみましょう：

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>This is the title</title>
  </head>
  <body>
    This is the main content of the page.
  </body>
</html>