HTML5 NAV与HEADER订购

Tec*_*lco 6 html5 coding-style

在我网站的其中一个部分中,我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>
Run Code Online (Sandbox Code Playgroud)

NAV在标题之前使用a是有效还是可接受?或者是否NAV需要遵循规则HEADER

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

pun*_*lly 9

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

但是,如果你有名称的网站<header><h1>而不是网页的名字,那么我想它应该出现在标题下方.

编辑

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