0901: [HTML5] 新たに追加された要素

header要素

body直下に書く→そのサイトの大見出し

<header>

<h1>～～</h1>

<p>～～</p>

</header>

article要素

何でも囲えばいいわけじゃない！

・     自己完結した内容

・     独立した記事

・     見出しを付ける→付けないとレイアウトのためのタグになってしまう

・     雑誌で言うところの閑話休題なコラム等の役割

section要素

・     コンテンツやテーマでグループ分けして区切る

・     通常、見出しを持つ

・     要素の内容が明示的に文書のアウトラインに載る場合にのみ使用が適切

・     コンテナ要素ではない：CSSやJSの利用にはdiv

<section>

<h1>大見出し</h1>

<section>

<h2>中見出し</h2>

</section>

</section>

文法的には中見出しも<h1>でOK

しかしながら理解しやすいよう入れ子の場合はh1, h2, h3…と表記するのが一般的

aside要素

・     重要度が低い補足的なコンテンツ

・     一般的にサイドバーに配置されるコンテンツを入れる（サイドに必ず表示、ではない）

nav要素

・     主要なナビ、サイドバーのグローバルメニューのみを扱う

・     <ul>にも見出しを入れたほうがよい