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>

在标题前使用NAV是有效还是可以接受？或者NAV

之后是HEADER需要的规则吗？

这会以任何方式影响搜索引擎优化或网页排名吗？

Answer 1

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

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

修改

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

Answer 2

你可以按照自己喜欢的顺序拥有它们。这些元素有多个出现也是有效的：

<body>
    <header>
        Site header
    </header>
    <nav>
        Site nav
    </nav>
    <article>
        <header>
            Article header
        </header>
        <p>Article content</p>
    </article>
</body>

Answer 3

这很好，虽然有点奇怪 - 为什么不在HTML中输入正确的顺序，然后使用CSS来移动东西。这当然是CSS / HTML分离的重点。

HTML5 NAV与HEADER订购

3 个答案:

修改