css - 过度使用嵌套 DIV。不好的做法还是对搜索引擎索引不利？

Question

我在网站前端工作，发现自己经常嵌套 div 以进行布局。不使用表格进行布局似乎是在框内布局框的自然选择。然而，查看我完成的源代码，看到 3 或 4 层深的嵌套 div 并不罕见......

这是个问题吗？我是否应该花时间尝试优化我的布局以减少我使用的 div 数量？它对搜索引擎索引不利吗(或者根本没有任何区别)？

编辑:我认为我的困惑源于我对搜索引擎如何处理 div 一无所知。他们在 div 中寻找什么(id 是否重要..div 是否应该以某种方式描述标题...或者搜索引擎只是简单地解析出 div)？

Answer 1

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

通常，它是由于不知道通过 CSS 可以完成什么。当然，有时对于复杂的布局，您可能需要嵌套 div，没关系，您不可能始终拥有完美语义化的网站。但我发现，无论我做的任何布局多么复杂，我的深度都不会超过 2 或 3。

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

希望这对您有所帮助。