HTML5 NAV 与 HEADER 排序

Question

在我网站的一个部分中，我的 NAV 位于标题上方。

<nav> 
  <ul>
    <li><a href="#">Service</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Subscribe via RSS</a></li>
</ul>
</nav>

<header>
  <h1>Page title</h1>
</header>

在 header 前使用 NAV 是否有效或可接受？或者是否有 NAV 需要在 HEADER 之后的规则？

这会以任何方式影响 SEO 或网页排名吗？

Answer 1

我不明白为什么不。导航是全局导航，因此不特定于该特定页面。我认为导航在页面内容的其余部分“之外”是有道理的。如果导航用于围绕该特定页面导航，那么它应该位于下方。

但是，如果您在 <header> 中有网站 的名称和 <h1>而不是页面名称，那么我想它应该出现在标题下方。

编辑

关于您对 SEO 的修改，您希望您的关键字尽可能靠近顶部，并且您的标题应包含最佳和最相关的关键字，因此理想情况下它应该位于顶部。但是，如果您的导航与您提供的代码一样长，那么我认为切换它们的效果可以忽略不计。如果您的导航实际上包含许多用于动态下拉目的的嵌套列表，那么我肯定会考虑切换它们。