Css 嵌套div的过度使用。搜索引擎索引的坏习惯还是坏习惯？

我在一个网站的前端工作，发现自己为了布局的目的不断嵌套div。在不使用表格进行布局的情况下，在框中布局框似乎是一种自然的选择。然而，看看我完整的源代码，看到嵌套div的3或4层很常见

这是一个问题吗？我是否应该花时间优化我的布局以减少我使用的div数量？这对搜索引擎索引有坏处吗（或者根本没什么区别）

---

编辑：我想我的困惑是因为我不知道搜索引擎如何处理div。他们在div中寻找什么（id很重要..div应该以某种方式描述标题…还是搜索引擎只是解析div）？

搜索引擎索引当然不会比使用表更糟糕，但是div本身不是描述性的。您可能希望查看新的HTML5元素，例如

和

，以更准确地描述div的用途。这些对搜索引擎排名有好处。

我不认为这对搜索索引有坏处，但是如果没有正确使用CSS框模型，就会出现太多嵌套div。例如，如果在一个包含的DIV中有两个img标记并排，那么img标记周围可能不需要DIV——您可以将img设置为display:block，它们的行为就像一个DIV

---

再说一遍，我不知道你的代码到底是什么样子的，所以我不能说它闻起来像什么，真的…

我不认为有任何实证证据表明它对搜索引擎有害，但它确实是一种不好的做法。它甚至有自己的昵称-->

divitis

一般来说，它源于对通过CSS可以实现什么的无知。当然，有时在复杂的布局中，你可能需要嵌套div，这没关系，你不可能一直拥有完美的语义网站。但我发现，无论我做的任何布局有多复杂，我都不需要超过2或3个深度

实际上，您将看到的最常见的嵌套是全身容器，以使布局居中-这是常见的，因为例如，如果根中有3个div，并且所有三个div都居中，则由于舍入错误，它们可能在不同的窗口大小上彼此相差一个像素

---

希望这能有所帮助。

这不应该打扰搜索引擎，div在语义上是透明的——它们本身没有任何意义。这就是为什么它们适合定义内容块

使用div作为CSS样式和布局的钩子是公认的做法，但是很容易让嵌套从您的身上消失。如果要尝试减少嵌套的div，请查看是否可以用语义上有意义的标记替换其中的任何一个。仔细注意文档中的继承也可能有助于您在不使用额外标记的情况下应用特定样式，从而减少一些内容

---

所有这些都表明：在没有看到标记的情况下是无法判断的，但如果它是一个半复杂的布局，那么3或4层div可能并不显著或有问题。

正确：搜索引擎并不太关心页面的布局。事实上，我认为这更像是对具有固有结构的XHTML标记的忽视（即DL、DD、DT、字段集等）比CSS更重要。否则，您是正确的。