Html 我不在辅助导航中使用标记是否正确？

我正在构建Wordpress HTML5模板，我想知道我的标题导航结构是否正确

正如你在截图上看到的，我有一个主菜单musique/arts/design…，右上角的另一个辅助菜单propos/publicité。。。。我关心的是最后一个。这是我选择的HTML：

<div class="header-nav grid_6">
  <ul id="menu-top-menu" class="clearfix">
    <li id="menu-item-217" class="menu-item menu-item-type-custom menu-item-object-custom first-menu-item menu-item-217"> <a href="http://#">A propos</a> </li>
    <li id="menu-item-218" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-218"> <a href="http://#">Publicité</a> </li>
    <li id="menu-item-219" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-219"> <a href="http://#">Partenaires</a> </li>
    <li id="menu-item-220" class="menu-item menu-item-type-custom menu-item-object-custom last-menu-item menu-item-220"> <a href="http://#">Contact</a> </li>
 </ul> 
</div>

正如你所看到的，这是非常基本的。我决定只使用一个元素，而不是将其包装成一个元素，因为在我的例子中，我不确定是否是这样，因为这些链接与网站上的主要内容并不相关

谁能告诉我我错了吗

谢谢

您应该使用导航标签进行导航

根据规范

nav元素表示文档的一部分，该部分链接到其他文档或文档本身的部分；即导航链接的一部分

因此，您可以将nav用于各种菜单/导航链接。 使用页眉和页脚标记也是一个好主意

一旦您使用了nav和header标记，您就可以通过直接在CSS中使用这些标记来减少类的数量，如下所示

header {
    /*style header*/
}
nav {
    /*style navigation*/
}

---

此菜单中至少有一个重要链接：联系人。因此，我会使用这种模式，再加上另一个导航标签：

---

如果你使用的是HTML5，那么你应该使用nav标记，也可以使用@KilianStinson的header和footer可能的重复项，我不会称之为重复项，但是，同样根据规范：页面上的所有链接组都不需要在nav元素中-该元素主要用于由主要导航块组成的部分。特别是，页脚通常会有一个指向站点各个页面的链接短列表，例如服务条款、主页和版权页。仅页脚元素就足以满足这种情况；虽然在这种情况下可以使用nav元素，但它通常是不必要的。但是一个重要的链接是否可以将链接列表限定为nav标记？HTML5规范提到了一组包含服务条款的页脚链接，作为不需要标记的组的示例。服务条款可能有法律含义，所以你会认为这非常重要。谢谢@zessx，我不认为联系链接很重要。现在可以使用元素了。顺便说一句，我知道使用etc，我只是粘贴了这个标题导航代码，其余的都很好！但是@PaulD.Waite会给大多数客户带来麻烦，我想服务条款链接比联系链接更不受欢迎。我们不需要一个服务条款链接就可以被搜索引擎“捕获”。@zessx:但是对于这个网站来说，联系人也不是很重要。是为搜索引擎设计的吗？我认为主要的用例是屏幕阅读器，这样用户可以更容易地立即切换到主站点导航。我不记得为什么我会这样想，所以我可能完全错了。

<header class="container">

    <div class="grid_6">
        <h1>KORE</h1>
        <p id="baseline">Wordpress HTML 5 responsive boilerplate based on 996css grid</p>
    </div>
    <nav class="grid_6">
        <a href="">À propos</a>
        <a href="">Publicité</a>
        <a href="">Partenaires</a>
        <a href="">Contact</a>
    </nav>

    <div class="clear"></div>

    <nav class="grid_12">
        <a href="">Musique</a>
        <a href="">Art</a>
        <a href="">Design</a>
        <a href="">Lifestyle</a>
        <a href="">Podcasts</a>
        <a href="">Sortir</a>
    </nav>

</header>