ブログレイアウトの基本パターン その１　～１段組レイアウト～

ブログレイアウトの基本パターン その１　～１段組レイアウト～

　ブログレイアウトの基本パターンは大きく分けて３パターンあります。一番上のヘッダー部分と一番下のフッター部分は共通で、真ん中の列が２列や３列に変化します。まず、１段組のレイアウトを見ていきましょう。

１段組レイアウト　～３つの<DIV>タグにＩＤを付けよう～

　<DIV>タグで①ヘッダー部分（一番上）、②コンテンツ部分（真ん中）、③フッター部分（一番下）の３つの区画に区切り、その中に文書やナビゲーションを記述していきます。これらの区切りは固定的で１ページに１回しか用いられませんから、クラスよりはＩＤを使って場所を区別していくのが一般的です。

１段組レイアウト　その２　～全体の器（コンテナ）に入れるケース～

　３つの区画を一つの<DIV>タグの中に入れることで、すべてのコンテンツの横幅を統一的に管理する手法も一般的によく見られます。ＩＤ名には器（コンテナ）という意味の「container」がよく用いられるようです（これ以外のＩＤ名でも特に問題はありません）。

　参考までに、②全体の器（コンテナ）に入れるケースを実際にコーディングしたサンプルファイルをご用意しました。エディタで開くなどして全体の骨組みの理解にお役立てください。