HTMLの構造
HTMLの構造
HTML文書は以下の4つの構造に分かれます。
- DOCTYPE宣言
この文書はHTML文書であることを示しています（使用するHTMLのバージョンによって表記が変わります）。ファイルの先頭に書く必要があります。HTML5の場合は、と指定します。
- html要素
文書の中身を書いていきます。基点（ルート）となる要素です。html開始タグと終了タグの間に、head要素、body要素を書いていきます。
- head要素
文書に関する付加的な情報を書きます。例えば、titleや使用する文字コードや文書の概要、著者などです。人が読むためのものではなく機械が読むためのものを記述します。
- body要素
本文にあたる部分です。ブラウザに表示される箇所になります。
どのように書くかを確認してみましょう。
サンプルコード
DOCTYPE宣言は先頭に置かれ、html要素は文書の始まりと終わりを表します。開始タグと終了タグの中に文書の内容を書きます。前半にはhead要素、後半にはbody要素を記述します。この例では、head要素内はmetaタグで、文字コードとしてUTF-8を使用していることを示し、titleタグで文書のタイトルを記述しています。body要素内は、簡単なサンプルとして1行の文章がpタグで囲まれています。pタグは段落を意味し、1行でもpタグで囲まれていると段落であることが伝わります。
それでは、サンプルをテキストエディタで記述していきましょう。後ほど各HTMLタグの意味について解説しますので、ここではHTMLの構造に慣れることに集中しましょう。