HTML5ではbody要素がセクションを作る

HTML5ではbody要素もセクションを作ります。というのをうっかり忘れてて、次のように書いてしまってた。

<body>
<article>
<header>
<hgroup>
<h1><a href="http://iwaim.beering.be/blog/">行動記録</a></h1>
<h2>再開</h2>
</hgroup>

これだと当然無名なセクションが作られてしまう。例えばHTML 5 Outlinerを使うと次のように表示される。

<ol><li><i>Untitled Section</i><ol><li>行動記録</li></ol></li></ol>

無名セクションを作ってしまわないためには、このようにマークアップしないとまずい。

<body>
<header>
<h1><a href="http://iwaim.beering.be/blog/">行動記録</a></h1>
</header>
<article>
<header>
<h2>再開</h2>

慣れるまで忘れがちなので、戒めのために記録しておく。