HTML5 标签顺序

Question

编写 HTML5 标签的顺序重要吗？

例如，nav 可以写在 header 之前，还是 section 写在 nav 之前？

我会说是，因为标签本身表明它不是订单。

有兴趣听听其他人的想法，尤其是在 SEO 方面。

Answer 1

could nav be written before header or section before nav?

是的。这是 HTML5 的改进之一:感谢 sectioning elements and the outlining algorithm ，我们不必再单独依赖标题(参见下面的示例)。

但是，如果您不总是(如果合适的话)使用分段元素和 header/footer，那么在某些情况下顺序可能很重要(就像这种情况在 HTML 4.01 中)。

SEO 方面是一个完全不同的问题，不能一概而论，因为有无数的搜索引擎，他们可能每天都在改变他们的解释。更好的地方可能是 Webmasters SE .

---

以下示例创建相同的文档大纲:

<article id="example-1">
  <nav>…</nav> <!-- before the article heading -->
  <h1>My article</h1>
  <h2>Foo is great</h2>
  <p>…</p>
  <h2>Bar, too</h2>
  <p>…</p>
</article>

<article id="example-2">
  <h1>My article</h1>
  <nav>…</nav> <!-- after the article heading -->
  <h2>Foo is great</h2>
  <p>…</p>
  <h2>Bar, too</h2>
  <p>…</p>
</article>

对应的大纲是:

1. "My article" (article, h1)
  1.1 untitled (nav, no heading)
  1.2 "Foo is great" (implicit section; h2)
  1.3 "Bar, too" (implicit section; h2)

此示例创建了不同的文档大纲，但文档含义(或者可能更好，本质)是相同的:

<article id="example-3">
  <h1>My article</h1>
  <h2>Foo is great</h2>
  <p>…</p>
  <h2>Bar, too</h2>
  <p>…</p>
  <!-- article’s end --> <nav>…</nav>
</article>

大纲是:

1. "My article" (article, h1)
  1.1 "Foo is great" (implicit section; h2)
  1.2 "Bar, too" (implicit section; h2)
  1.3 untitled (nav, no heading)

只要您不将 nav 嵌套在另一个分段元素中，它就可以出现在这篇 article 中的任何位置。

---

除了 header/footer 和分段元素，顺序(好吧，内容顺序)当然是有意义的。

明显的例子:

<ol>
  <li>Foo</li>
  <li>Bar</li>
</ol>

<p>Then I danced.</p>
<p>Then I woke up.</p>

<h4>Noodle soup</h4>
<h3>Dreams</h3>

等等