HTML5 <nav>元素

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>

更多的symantic标记与膨胀的DOM,我应该<nav>在那种情况下包含标签吗？

编辑

我发现这个<menu>项目实际上可以在这种情况下使用,<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>不是为了导航，那么我怀疑您会因此受到任何批评。