1. ホーム
  2. html

[解決済み] Should I use <ul>s and <li>s inside my <nav>s?

2022-07-17 02:05:27

Question

Now that we have a dedicated <nav> tag,

Is this:

<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>

any better than the following?

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

Assuming that I don't need an extra DOM level for some CSS positioning/padding, what is the preferred way, and why?

How to solved?

the nav element and the list provide different semantical information:

  • The nav element communicates that we're dealing with a major navigation block

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

http://w3c.github.io/html/sections.html#the-nav-element を見ると、nav 要素が散文を含むことができることがわかります。

そうです、nav要素の中にリストがあることは意味を持ちます。