什么HTML结构对浏览器更好？

2018-07-01 14:49:22

好吧，这似乎是普遍的观点： 我们应该只使用表格数据，而不是布局 。

好的，我同意并理解其中的原因（其中一个原因是性能）。

但有人可以提供比较表与其他结构的真正基准？

浏览器性能的最佳结构是什么？

你不需要真的做基准测试。你可以直观地看到差异。如果你查看一个网站的预先CSS布局，它通常会缓慢，因为表必须完全抽出。当它与css分开时，它明显更快。在他们转换为css布局之前，我在数十个网站上目睹了这一点。

另外，几乎所有表格都需要表格单元格和行。通过不依赖行/单元格，可以减少LOTS造成的代码膨胀。

“最佳结构”？没有最好的结构。这完全取决于布局。虽然通常，你想避免divitus和尽可能简洁的东西，但语义标记。

我总是听说为什么你应该使用divs和table的主要原因是适应性。如果制作表格布局，则必须更改所有HTML以更改它，但使用div时，只需使用layout ， float和position CSS属性即可移动。

表格的主要性能问题是它们可能导致过度回流。表格中第一个单元格的布局可以通过稍后单元格中的内容进行更改，这基本上使得浏览器不得不返回并重新开始布局。

链接地址: http://www.djcxy.com/p/88159.html