HTML5 アウトライン

HTML5で追加された階層的な文書構造を定義する概念がアウトラインです。
HTMLを構造的に記述し、下記のoutlinerでチェックできます。
https://gsnedders.html5.org/outliner/
私は、未定義にならないようにnavなどもタイトルタグを付加し、
hiddenにして作成しています。
なお、構造の作成途中でoutlinerにかけると、Pythonエラーになるバグがあるようです。

〜アウトライン定義時のメモ〜
※bodyの直下にsectionは書けない。
※bodyの直下にはmainを置く。mainはページ内に一度しか使用できません。
※main、header、footerに見出しはなくてもよい。
※navは見出しが必要ですが、通常見えている必要はありませんので非表示にします。
※header、footerは1つのページ内に何度でも使用可能です。
　例としては、mainの内部にheder、footerを使用できます。

※articleは、記事を示します。必ず見出しと内容が必要です。
※sectionは、意味のまとまりを示します。必ず見出しと内容が必要です。

例）HTML5で書く時の骨組み

heder
main
footer
の3つから作ります。

-----------------------------
heder
　<h1>
   <nav>
　　　<h2>セクション要素なのでタイトルをいれるが見えている必要がないので、非表示にする。
　　　<ul>
-----------------------------
main
　
   〜〜〜〜〜〜〜〜〜〜〜
    <section>
        <h2>
        <p>
   〜〜〜〜〜〜〜〜〜〜〜
-----------------------------
footer
    <p>
    <p>
    <p><small>&#169;2015 m, All Rights Reserved.</small></p>　⇒著作権は、スモール表示にする。