Question

我指的是一个主菜单和一个较小的 supermenu （不知道正确的术语），如下所示：

enter image description here

对于这样的事情，我打算在<nav>中添加两个<header>个元素。是否有任何理由（SEO或其他方式）这是一个坏主意？如果是这样，那么另类选择是什么？

（这与multiple <nav> tags不同，{{3}}在整个页面上引用多个，而不是在单个块元素中

Answer 1

简短回答：没有（可能）

更长的答案：HTML5规范本身在这个主题上有点蓬松： http://dev.w3.org/html5/spec/Overview.html#the-nav-element

问题在于他们将<nav>元素指定为“主要”导航块，但让它（想象开发者和解析器）想象一下。如您所见，他们甚至提供了一个示例，它们从导航块中排除了“站点范围”。

<body itemscope itemtype="http://schema.org/Blog">
 <header>
  <h1>Wake up sheeple!</h1>
  <p><a href="news.html">News</a> -
     <a href="blog.html">Blog</a> -
     <a href="forums.html">Forums</a></p>
  <p>Last Modified: <span itemprop="dateModified">2009-04-01</span></p>
  <nav>
   <h1>Navigation</h1>
   <ul>
    <li><a href="articles.html">Index of all articles</a></li>
    <li><a href="today.html">Things sheeple need to wake up for today</a></li>
    <li><a href="successes.html">Sheeple we have managed to wake</a></li>
   </ul>
  </nav>
 </header>

他们似乎这样做是因为他们考虑限制导航元素中的链接数量以及可读性（想想屏幕阅读器等）。

要知道搜索引擎将要做什么可能还为时过早，但似乎可以安全地认为他们会更加重视导航元素链接以检测您网站的结构，如果你更加如此他们少了......

我的印象：Twitter和Facebook链接似乎肯定是出来的，支持和博客是值得商榷的

Answer 2

我认为没关系。 NAV元素仅标记某些内容的功能角色。因此，如果您有两个单独的导航块（无论它放在何处：在页眉中或页面的其他部分中），您可以自由地为它们使用单独的NAV元素。在这种情况下，来自搜索引擎的一些“惩罚”将毫无意义。

Answer 3

Nav可以在HTML5的页面上多次使用。

可以...是

应该……可能不会。

我一直以NAV标签仅用于主要页面/站点导航为基础。

如果将我的主（标题）导航区域用于[nav]，则任何其他菜单都可以在div中用作ARIA。

在<header> </header> </nav>中使用两个<nav>元素是否会受到惩罚

3 个答案: