☰

使用すべきか 砂 私の中の 質問する

tag-icon • tag-icon html html-lists nav
使用すべきか 砂 私の中の 質問する

専用のタグができたので<nav>、

これですか：

<nav>
  <ul>
    <li><a href="#foo">foo</a></li>
    <li><a href="#bar">bar</a></li>
    <li><a href="#baz">baz</a></li>
  </ul>
</nav>

以下よりも良いものはありますか?

<nav>
  <a href="#foo">foo</a>
  <a href="#bar">bar</a>
  <a href="#baz">baz</a>
</nav>

一部の CSS 配置/パディングに追加の DOM レベルが必要ないと仮定した場合、推奨される方法は何ですか、またその理由は何ですか?

ベストアンサー1

nav 要素とリストは異なる意味情報を提供します。

  • nav要素は、主要なナビゲーションブロックを扱っていることを伝えます。

  • リストは、このナビゲーションブロック内のリンクがアイテムのリストを形成することを伝えます。

でhttp://w3c.github.io/html/sections.html#nav要素nav 要素に散文も含めることができることがわかります。

つまり、nav 要素内にリストを配置すると、意味が追加されます。

おすすめ記事