さて、上手に組まれた CSS で枠組みを作ってしまうという思惑である。
これを使うと、以下のようにお手軽に作ることができる。
それから今まで文法とかよくわからずに状態で html 書いていたが、今回である程度適切な(?)書き方の勉強になった。
<body>
<!-- HEADER -->
<div id="header">
<div id="logo">
<!-- ロゴ -->
</div>
<div id="menu">
<!-- メニュー -->
</div>
</div>
<!-- PAGE -->
<div id="page">
<div id="content">
<div class="post">
<!-- 記事のタイトル -->
<div class="entry">
<!-- 記事 -->
</div>
</div>
</div>
<div id="sidebar">
<!-- サイドバー -->
</div>
</div>
<div id="footer">
<!-- フッター -->
</div>
</body>
