HTML5 <导航> 元素

Question

我一直在尝试使用新的 html5 元素，但发现自己在做这样的事情:

<nav class="some-menu">
    <ul class="menu">
       <li>
           <a title="link to somewhere" href="the-link.php">link to somewhere</a>
       </li>
    </ul>
</nav>

当我可以(在视觉上)达到相同的效果时:

<ul class="menu">
   <li>
       <a title="link to somewhere" href="the-link.php">link to somewhere</a>
   </li>
</ul>

更多的语义标记与臃肿的 DOM，我应该包括 <nav>在那种情况下标记？

编辑

我找到了 <menu> item 实际上可以在这种情况下与 <li> 一起使用例如:

<menu class="side-menu">
    <li><a title="a menu item" href="touch-my-nipples.thanks">Inappropriate Href</a>
</menu>

它实现了更多的语义标记而不冗长

Answer 1

好吧，您可能会争辩说不包含 html5 标签会增加 html 文件的可读性。

但是，出于 SEO 目的，使用 html5 标签可能有助于提高您的网页排名，因此如果您正在开发商业网页，则可能需要考虑这一点。

在这个特殊情况下，如果 <li> 的目的不是用于导航，那么我怀疑你会因此受到任何批评。