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

by shigemk2

当面は技術的なことしか書かない

nav

HTML5

サイトナビゲージョンをマークアップするために、
HTML5ではnavという意味要素が用意されている。

これにより、いちいちnav要素を定義しなくてもよくなった。

<div id="nav">
  <ul>
    <li>
      <a href="../semantics.html">home</a>
    </li>
    <li>
      <a href="../semantics.html">blog</a>
    </li>
    <li>
      <a href="../semantics.html">gallery</a>
    </li>
    <li>
      <a href="../semantics.html">about</a>
    </li>
  </ul>
</div>
<nav>
  <ul>
    <li>
      <a href="../semantics.html">home</a>
    </li>
    <li>
      <a href="../semantics.html">blog</a>
    </li>
    <li>
      <a href="../semantics.html">gallery</a>
    </li>
    <li>
      <a href="../semantics.html">about</a>
    </li>
  </ul>
</nav>

なお、ナビゲーションをスキップするスキップリンクも、
スクリーンリーダーがnav要素を認識するようになるまで
対応させる必要はあるかもしれない。

スキップリンクを提供する理由については
WebAIM: "Skip Navigation" Links

入門 HTML5

入門 HTML5