HTML5语义标签的使用，搜索引擎会尊重大包装吗？

我本来打算用

标记做一些事情，但是，我想到了以下几点

以以下标记为例：

<nav id="sidebar">

<div class="links">
<a href="/"></a>
<a href="/"></a>
<a href="/"></a>
</div>


<div class="links">
<a href="/"></a>
<a href="/"></a>
</div>


<div class="links">
<a href="/"></a>
</div>

<div class="statement">
random content here, unrelated to navigation
</div>

<div class="randomstuff">
unrelated to navigation, but still here
</div>

</nav>

此处为随机内容，与导航无关
与导航无关，但仍在这里

搜索引擎会尊重语义标记的这种用法吗？我的意思是，“忽略”或降低使用导航标签包装的所有内容（即使是div等）的优先级，即使不是直接的，也不一定是所有导航内容

对于

页眉

和

页脚

内有

div

s的标签，同样的问题

---

提前感谢您的帮助。

首先，任何与导航无关的内容都不应包含在

nav

标签中

至于搜索引擎将如何处理这些内容，如果你（或任何其他人）有这样不正确的标记，这是任何人的猜测

---

简短回答：没人知道

在整个区块周围使用导航没有语义意义。使用通用DIV进行布局

出于语义目的，您可以对链接集使用多个NAV元素，但该规范非常开放，因此您可以：

<div id="sidebar">

<nav>
<div class="links">
<a href="/"></a>
<a href="/"></a>
<a href="/"></a>
</div>
</nav>

<nav>
<div class="links">
<a href="/"></a>
<a href="/"></a>
</div>
</nav>

<nav>
<div class="links">
<a href="/"></a>
</div>
</nav>

<section>
<div class="statement">
random content here, unrelated to navigation
</div>

<div class="randomstuff">
unrelated to navigation, but still here
</div>
</section>

</div>

此处为随机内容，与导航无关
与导航无关，但仍在这里

你只需要诚实地问自己，“这是否合乎逻辑？”

事实是，关于HTML5标签有很多的宣传。就我个人而言，我认为这是一个好主意，但实际上，搜索引擎如何使用它们，目前只是猜测而已

希望这有帮助。

---

Mikey

您不应该在

nav

中包含与导航无关的内容。不仅规范是关于它的，它也会损害可访问性

因此，您的两个

div

元素（

.statement

和

.randomstuff

）需要退出

nav

元素。只有当它们与

nav

中的内容“切向相关”时，您才可以将这两个元素放在

nav

的内部，但我认为您的内容并非如此

我想问一下，对于包含在每个页面上但不是导航的一般页面内容，您会推荐什么HTML5标签？用于与页眉、页脚和导航相同的目的，阻止在结果中包含，因为它是通用的，并且在每一页上

没有一般的答案；这取决于您的内容，应该使用哪个元素

您可以使用分段元素（

部分

、

文章

、

导航

、

旁白

）和标题来创建总体结构（文档大纲）。现在，每个节（不要与

节

元素混淆！）都可以有

页眉

/

页脚

元素。就这样。节中未包含在

页眉

/

页脚

中的所有内容都可以视为该节的主要内容。更细粒度的元素，如

address

或

small

，可以提供其内容所起作用的额外线索

现在，如果有什么东西（搜索引擎、屏幕阅读器、人工智能等）想要使用您的文档，它可能会利用您的标记。如果情况是这样，以及在多大程度上取决于几个因素，如用例、意愿、技能、成本等。因此“做搜索引擎…？”没有一般的答案，因为a）有无数的搜索引擎（每个人每天都可以创建一个新的搜索引擎）和b）一些（特别是一般网络搜索的“大玩家”）我不想详细谈论这件事

但是，我们可以假设对于所有这些用户代理/消费者来说，在他们的用例方面什么是有用的：

• 屏幕阅读器可能提供只读取主要内容的功能（忽略

  导航

  ，

  旁白

  ，

  页脚

  ，…）
• 博客帖子搜索引擎可能会在

  文章

  内的单词得分高于

  导航

  /

  旁白

• 搜索引擎可能会在

  页眉

  、

  页脚

  、

  小

  和

  地址

  中为单词打分，导航搜索查询得分较高，研究查询得分较低
• 可读性插件可能会通过忽略

  nav

  、

  footer

  和顶层

  旁的
  元素来查找主要内容

---

HTML定义了所有元素的含义。如果所有HTML作者都尊重这一点，我们就可以构建和使用完美利用标记的用户代理。但实际上，作者可能（错误地）使用

nav

来“贬低”样板内容☺, 这将迫使所有消费用户代理忘记

nav

的特殊含义（因为它可能包含其他非导航内容，这对他们的用例可能很重要）。

如果有人告诉你搜索引擎是如何工作的，他们在撒谎或违反保密协议。这些算法是非常机密的，实际上是动态的，以防止它们被反向工程。我没有说得那么具体。没有什么是完美的。然而，这些语义标记确实有帮助，我只是想听听是否有人知道适用于它们的规则的其他信息。我明白了。我想问一下，对于包含在每个页面上但不是导航的一般页面内容，您会推荐什么HTML5标签？用于与页眉、页脚和导航相同的目的，阻止结果中包含内容，因为它是通用的并且在每一页上。使用

nav

作为“整个块”没有问题，因为所有

div

元素都没有任何意义（当然，里面的所有内容都应该是导航内容）。但是将其拆分并使用几个

nav

元素会创建一个您可能不想要的文档大纲。这就是问题所在……它们的用法非常模糊。在我看来，似乎不是为“导航”而设计的内容不应该出现在网站中