読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強03月14日開講クラス授業補足ブログ

nav要素

HTML5

主要なナビゲーションに使う

  • 主要なナビゲーションやサイドバーのグローバルメニューのみを扱う
  • セクショニングコンテンツなので、アウトラインを明確に表示するためには見出しを入れることもあります
  • テキスト中にある細かなリンクはnav要素である必要はない


《nav要素を使ったマークアップ

<section>
  <h1>セクションの見出し</h1>
  <p>テーマのキーワードを含むリード文</p>

<nav>
  <ul>
    <li><a href="#">メニュー1</a></li>
    <li><a href="#">メニュー2</a></li>
    <li><a href="#">メニュー3</a></li>
    <li><a href="#">メニュー4</a></li>
    <li><a href="#">メニュー5</a></li>
  </ul>
</nav>

</section>