ちょっとしたミスの修正
<section>
<h1>このサイトについて</h1>
<p>・・・【中略】・・・</p>
<section>
<h1>HTML5とCSS3による豊かな表現</h1>
<p>・・・【中略】・・・</p>
</section>
<section>
<h1>さらに別の記事</h1>
<p>・・・【中略】・・・</p>
</section>
</section>
もしくは
<section>
<h1>このサイトについて</h1>
<p>・・・【中略】・・・</p>
<section>
<h2>HTML5とCSS3による豊かな表現</h2>
<p>・・・【中略】・・・</p>
</section>
<section>
<h2>さらに別の記事</h2>
<p>・・・【中略】・・・</p>
</section>
</section>
です。sectioning要素で、そのセクションの階層を判断するのがHTML5の仕様です。そのため以下のいずれかの方法をとることが強く推奨されています。
★sectionで階層を明示して、すべてh1で見出しをつける。
★sectionで階層を示すと同時に階層に対応した見だしレベルとする。
前者は、将来、階層が追加されるなどしたときに楽です。
後者は、古いブラウザなどにおいても互換性があります。階層が変更されるとすべて書き直さなければならない。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
Sections may contain headings of any rank, but authors are strongly encouraged to either use only h1 elements, or to use elements of the appropriate rank for the section's nesting level.
Authors are also encouraged to explicitly wrap sections in elements of sectioning content, instead of relying on the implicit sections generated by having multiple headings in one element of sectioning content.
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［4.4 Sections — HTML5( http://www.w3.org/TR/2011/WD-html5-20110525/sections.html#headings-and-sections )］より
要約すると
・sectionには、すべての階層の見出しを含むことができます。しかし、著者は、h1 要素のみ使用するか、sectionのネストされた階層に見合ったランクの見出しを使うことが、強く推奨される。
・著者においては、セクショニング・コンテンツの中に、そのセクションを明示的に置くことが推奨される。一つのセクショニング・コンテンツの中に複数の見出しを入れ、それによって、暗黙に生成されたセクションに依存しないほうがよい。
後段は、hgroupやレベルの異なる見出しをおいて、ブラウザの解釈に依存するのではないことを言っています。
<section>
<h1></h1>
<h2></h2>
や
<section>
<hgroup>
<h1></h1>
<h2></h2>
</hgroup>
じゃなくて・・・
<section>
<h1></h1>
<section>
<h2></h2>
と言う意味。
お礼
なるほど、ありがとうございます。 初心者なので、Floatにしたほうが、なんらかのメリットがある、あるいはfloatにしなければいけない理由があるのかと思いました。