HTMLタグ – セクション

文章のまとまりを表すセクション系の要素をまとめます。CSS でボックスレイアウトを行う場合に必須になってくると思います。

<div> タグ

ひとかたまりの範囲として定義する際に使うタグです。<div> で囲った要素が、一つのボックスになります。このタグに特別な意味はありませんが、CSS を使ってレイアウトやスタイリングを指定する際のコンテナ要素の定義によく用います。ただし、他に適切な要素が無い場合にのみ用いられるタグであり、意味的に以降に紹介するタグに該当するような部分はそれらを用いることが推奨されます。ちなみに、<p> タグ内の文章の一部分などを囲む場合は <sapn> タグを用います。

<div> タグは、<a> タグによってマークアップすることができます。つまり、ボックス全体をリンク要素にすることができます。

セクション

文章にある程度のまとまりがある場合、以下のようなタグを使ってマークアップすることができます。これらのタグは、文章のまとまりを明確化します。ちなみに、これらは <div> タグで囲っても問題ないようです。

これらのタグは、文章のまとまりを定義するために使用するため、単純なレイアウト目的に利用してはいけません。

文章の構造化

多くの Web サイトは、ヘッダー部分、メインコンテンツ部分、フッター部分を持ちます。それらを表すようなタグが用意されています。