LEVEL 1

見出しを全部 <section> + <h1> で書いてみるテスト

LEVEL 2

HTML5 対応ブラウザの一部では、見出しの文字サイズは自動的に小さくなる （Firefox 10.0.2, Chrome 17, Safari 5.1）

LEVEL 3

HTML5 非対応ブラウザでは <h1> がフラットに並ぶ

Opera 11.61 は文字サイズを変えず、アウトライン （ページ → スタイル → 目次） もフラットになってて、いちおう HTML5 対応のはずなのに意味不明

LEVEL 4

見出し階層に応じたレベルづけの場合、セクションブロックを他の場所に動かすつど、人間がタグを書き換える必要がある

LEVEL 5

けど、全部 <section> + <h1> なら、セクションブロックは動かし放題

LEVEL 6

<hn> タグで表現できる階層レベルは、ここまでが限界

LEVEL 7

全部 <section> + <h1> なら、階層は無制限

LEVEL 8

ただ、Selectors Level 4 の :matches() 擬似クラスが使えるようになるまでは、見出しに CSS を適用するのは面倒くさそう