0

你写 HTML5 标签的顺序有关系吗？

例如，导航可以写在标题之前或导航之前的部分之前吗？

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

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

4

2 回答 2

1

像 html、head 和 body 这样的主要结构标签需要始终保持正确的顺序。但所有其他元素都无关紧要。您不应该将您的网站内容放在 head 或 html 标记之前。始终将您的网站内容放在<body>...</body>其中。

就 SEO 而言，最好的做法是让网站以干净、正确的代码编写，并具有独特而优质的内容。

于 2013-09-29T15:25:01.597 回答
1

导航可以写在导航之前的标题或部分之前吗？

是的。这是 HTML5 的改进之一：感谢分段元素和大纲算法，我们不再需要单独依赖标题（参见下面的示例）。

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

搜索引擎优化方面是一个完全不同的问题，一般无法回答，因为有无数的搜索引擎，他们可能每天都会改变他们的解释。更好的地方可能是Webmasters SE。

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

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

<article id="example-2">
  <h1>My article</h1>
  <nav>…&lt;/nav> <!-- after the article heading -->
  <h2>Foo is great</h2>
  <p>…&lt;/p>
  <h2>Bar, too</h2>
  <p>…&lt;/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>…&lt;/p>
  <h2>Bar, too</h2>
  <p>…&lt;/p>
  <!-- article’s end --> <nav>…&lt;/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在另一个切片元素中，它就可以出现在 this 中的任何位置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>

等等

于 2013-10-02T09:09:38.210 回答