关于性能的 Divs 与表答案

【问题标题】：Divs Versus Tables with respect to performance关于性能的 Divs 与表
【发布时间】：2012-03-25 17:04:44
【问题描述】：

我想知道在性能方面div 或table 哪个结构更好。很难使用divs 而不是表格。那为什么要使用divs 而不是tables 并告诉我应该在哪里使用tables 以及在哪里使用divs

【问题讨论】：

类似：stackoverflow.com/questions/2617895/actual-table-vs-div-table

标签： html performance html-table

【解决方案1】：

Donald Knuth 曾被引述说：

我们应该忘记小的效率，比如大约 97% 的时间：过早优化是万恶之源。然而，我们不应该放弃那关键的 3% 的机会。

关于您的问题，除了最严重的边缘情况之外，您在过时的浏览器上满足慢速连接，我想说 div 和表之间的差异（在性能方面）甚至不应该被视为因素。

现在，您说使用 div 比使用表格更难（我刚开始时也是这么想的），但是当您了解更多 CSS 及其工作原理时，您可能会改变主意。 Divs+CSS 实际上非常容易使用，最重要的是使您的代码可维护，这是表格布局永远无法实现的（恕我直言）。从长远来看，使用 Divs+CSS 将为您节省大量编程时间。

【讨论】：

我完全同意。一旦网页达到一定的大小和复杂性，如果它是使用表格设计的，您最终会得到表格内的表格，以及<td> 和<tr>-tags 的复杂层次结构，这可能是修改的噩梦。从长远来看，精心策划的<div> 标签和 CSS 系统将使此类页面更易于阅读、理解和修改。至于性能，我怀疑差异是否很大。不过，如果我冒险猜测，我会认为使用 <div> 更有效，这仅仅是因为表的复杂性更高。
潜在的红鲱鱼。问题是询问性能影响。影响有多小无关紧要。如果存在性能差异，了解它是什么、导致它的原因以及导致这种情况的原因是否是暂时的（例如，我们还不知道如何制作高效的表，但我们可能在未来）或固有的（例如，由于 x...，div 总是比表快）。您的答案是关于可维护性而不是性能，这是一个不同的问题（div 是否比表更易于维护？）。

【解决方案2】：

使用带有列表项的无序列表的 div 将为您提供更清晰的代码，您可以在未来维护和升级。 divs 也更好地利用了 css，这为您提供了更多的样式和与 javascript 集成的灵活性。我从不使用表格，也看不出它们有什么好处。

【讨论】：

嗯，它们在一个的情况下很有用：当您想要呈现表格数据时。 ;)（通常是报告数据、时间表等）引用一位好朋友的话：“表格应该用于表格数据，仅此而已”。

【解决方案3】：

Div 非常简单。使用 div 可以轻松创建复杂的结构化网页。

使用表格来创建表格数据会很棒。对于构建网页，我更喜欢 Div 标签。

【讨论】：