web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

自習11 | web制作

本日は…

■休みなので自習
html5のアウトライン構造について

<header>
<h1>ヘッダーの見出し</h1>
</header>
<section>
  <h1>セクションの見出し</h1>
  <section>
    <h1>セクションの中の見出し1</h1>
  </section>
  <section>
    <h1>セクションの中の見出し2</h1>
  </section>
</section>
<footer>
</footer>

→アウトラインを表示すると
1.ヘッダーの見出し
 1.セクションの見出し
  1.セクションの中の見出し1
  2.セクションの中の見出し2
という形になる

※divでid="header"と作るより正確なアウトライン構造ができる

→h1で見出しを作ってもいいが、人間の便宜上h2~h4まで使い分けた方がわかりやすい