在一个页面中使用多个div是不是很糟糕？

Question

这是我第一次在HTML，CSS中正确编码。在我的代码中，我已经使用了大量的div来定位并且还将内容放在适当的位置。我不确定我是否正确编码。我在一个页面中也有很多内容。这是我用过的代码的链接。

http://jsfiddle.net/32ShZ/

你能建议吗？结构和形状真的很差吗？

Answer 1

绝对不是。你不想过火（当你这么做时，它被称为“div汤”）。如果你发现div没有任何目的，但是要保存背景图像，或者清除浮动等，这意味着你做错了什么。通过使用包装器（例如，对于具有一些背景的内容区域，可以使用3级深度的div标签，等等），您可以正确地实现所需的任何布局而无需借助“div汤”。请查看http://www.digitalperfections.net/以获取包含大量div标签的良好（x）HTML示例。

为了进一步扩展，并特别回答有关您的代码的问题，我注意到了一件事：<div id="divider"></div> - 这很糟糕，因为您将此div纯粹用于非语义目的（用于装饰）只）。

Answer 2

一般原则是使用较少的HTML进行布局。并尝试在CSS的帮助下将Style赋予您的页面。因此，如果最小数量的div可以完成您的任务，那么您应该去实现它。这有助于使页面更轻和可维护。但是，您的页面中的小结构（HTML）取决于您的经验和设计。