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

Question

这是我第一次正确编码HTML，CSS。在我的代码中，我使用了大量div来定位，并且将内容放置到位。我不确定我是否以正确的方式编码。我在单个页面中也加载了大量内容。这里是我用过的代码的链接。

http://jsfiddle.net/32ShZ/

请问您能否提出建议。它的结构和形状真的很糟吗？

Answer 1

绝对不是。虽然你不想过度（当你这样做时，它被称为“div汤”）。如果你发现一个div没有目的，只能保存背景图像，或者清除浮动等，这意味着你做错了什么。通过使用包装（例如，对于具有某些背景的内容区域，可以使用深度为3级的div标签），您可以正确地实现所需的任何布局，而无需诉诸“div汤”。请看http://www.digitalperfections.net/，其中有很多div标签的good（x）HTML示例。

为了进一步扩展，并专门回答关于你的代码的问题，我注意到了一件事情：<div id="divider"></div> - 这是不好的，因为你使用这个div纯粹是为了非语义目的（仅用于装饰）。

Answer 2

一般原则是使用尽可能少的HTML布局。并尝试在CSS的帮助下为您的页面添加Style。所以如果最小数量的div可以完成你的任务，你应该去做。这有助于使页面变得更轻和可维护。但是，页面中的小结构（HTML）取决于您的体验和设计。