さて、前回のエントリーをアップした後、ブログトップについて、HTML5タグへの修正を行いました。
諸々余計なdivタグを削除し、ヘッダー部分をheaderタグ、フッター部分をfooterタグ、メインコンテンツをarticleタグとしました。
<div id="container">
<header>ヘッダー</header>
<div id="content">
<article id="main">メインコンテンツ</article>
<div id="beta" class="side">サイドバー1</div>
<div id="gamma" class="side">サイドバー2</div>
</div>
<footer>フッター</footer>
</div>
また、メインコンテンツ内のエントリー一覧についても、それぞれのエントリをarticleタグで括り、タイトル周りをheaderタグ、footerと付いてるdivがあったので、footerタグに修正しました。
(footerについては、デザイン的な意味合いしか無いようなので、今後消す予定)
<article id="main">
<article id="entry-hoge">
<header>エントリータイトル</header>
<div>エントリーボディ</div>
<footer></footer>
</article>
</article>
メインコンテンツをarticleで括ったので、サイドバーはdivのままで良いのか、asideタグを用いるべきなのか、
そもそも、サイドバーは2つ必要なのか(この辺りはデザインにも関わってくる事なのかもしれないけど)、
その辺りも考えながら、修正していこうと思います。