过度使用嵌套的DIVs。不好的做法还是不好的搜索引擎索引？

Question

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

这是一个问题吗?我是否应该花时间来优化我的布局，以减少我正在使用的div的数量？这对搜索引擎索引有坏处吗(或者根本不会有什么不同)？

编辑:我想我的困惑是因为我对搜索引擎如何处理div一无所知。它们在title...or中寻找什么(是id的div吗，div以某种方式描述了div，搜索引擎只是解析出div)？

Answer 1

我不认为有任何经验证据表明这对搜索引擎不利，但这绝对是一种糟糕的做法。它甚至有自己的昵称-> divitis

通常情况下，这是因为不知道通过CSS可以实现什么。当然，有时对于复杂的布局，你可能需要嵌套div，这没问题，你不可能一直拥有完全语义的网站。但我发现，无论我做的任何布局有多复杂，我从来没有做过超过2到3层的深度。

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

希望这能有所帮助。

Answer 2

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

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

Answer 3

对于搜索引擎索引来说，这当然不比使用表格更糟糕，但是div本身并不是描述性的。您可能希望查看新的HTML5元素，如<section> <header> <footer>和<article>，以更准确地描述div的用途。这些对搜索引擎排名很有帮助。