HTML 入門

文書の構造を作ろう

nav を使う

<nav> 要素は目次などのナビゲーションメニューを提供するために適した要素です．これも <main> などと同様に必ず利用しなければならないものではありません．しかしながらプログラムが文書を解析する際に利用できるので，目次部分などに使うと良いでしょう．

たとえばこのサイトの目次を次のように作成することが考えられます．

index.html（抜粋）コピー
<nav>
  目次
  <ul>
    <li><a href="01-01.html">Webページ作成はじめの一歩</a></li>
    <li><a href="02-01.html">HTML の基礎をマスターしよう</a></li>
    <li><a href="03-01.html">基本的なタグをマスターしよう</a></li>
    <li><a href="04-01.html">HTML 文書を検証しよう</a></li>
    <li><a href="05-01.html">文書の構造を作ろう</a></li>
    <li><a href="../introcss/06-01.html">スタイルシートでデザインを作ろう</a></li>
    <li><a href="../introform/07-01.html">フォームを使ってみよう</a></li>
  </ul>
</nav>

目次に戻る