什么HTML结构更适合浏览器?

时间:2010-12-27 22:47:00

标签: html performance browser layout

好吧,它似乎是general opinion我们应该仅对tables数据使用tabular,而不是layouting

好的,我同意并且我理解原因(其中一个原因是表现)。

  • 但有人可以提供比较表格与其他结构的真实基准吗?
  • 浏览器性能的最佳结构是什么?

4 个答案:

答案 0 :(得分:3)

你不需要真正做基准测试......你可以看到差异visually。如果您查看网站pre-css-layout,它通常会缓慢呈现,因为必须完全绘制表格。当它与css分开时,它明显更快。在他们转换为CSS布局之前,我已在数十个网站上见证了这一点。

此外,表格几乎所有内容都需要表格单元格和行。通过不依赖行/单元格,可以减少LOTS的代码膨胀。

“最佳结构”?没有最好的结构。这一切都取决于布局。虽然通常情况下,你想避免分手,尽可能简洁,但语义标记。

答案 1 :(得分:0)

我一直听说为什么你应该使用divs vs tables的主要原因是适应性。如果您制作表格布局,则必须更改所有HTML以更改它,但使用div,您只需使用layoutfloatposition CSS属性即可移动周围的事情。

答案 2 :(得分:0)

表的主要性能问题是它们可以cause excessive reflows。表格中第一个单元格的布局可以通过后面单元格中的内容进行更改,这基本上使得浏览器必须返回并重新开始布局。

答案 3 :(得分:0)

我非常喜欢这个网站,它为您提供了一个计时器,让您了解在使用纯CSS之前应该多久努力......

http://giveupandusetables.com/