表格与基于 CSS 的网页布局答案

【问题标题】：Table vs CSS-based layouts for web pages表格与基于 CSS 的网页布局
【发布时间】：2009-10-05 04:06:39
【问题描述】：

我使用来自销售模板的网站的 HTML 模板作为我的网站，因为我不是设计师并且想要一些准备好的东西，我使用 Rails 进行开发。我注意到一些网站通过使用 CSS 和页面中组件的绝对定位将其模板设计为“无表格”。我实际上已经习惯在我的页面中使用表格。

您对此有何看法？不使用表格真的有好处吗？

【问题讨论】：

【解决方案1】：

简短的回答是您应该将表格用于表格数据（而不是布局，请参阅here 为什么），否则您将正确的元素用于正确的目的，p 用于段落，div 用于有意义的划分（不要滥用 divs ）等等。每个元素都有一个用途，您应该使用w3.org 进行查找。

话虽如此，还是有一些人对 CSS 抱有错误的想法，你应该避免完全依赖绝对定位和滥用像素完美的布局，而是尽可能依赖流畅的、基于 em 的布局因为它们更能适应不同的屏幕分辨率和环境。

使用适当的语义标记的 HTML 和 CSS 的其他好处是您可以控制样式表中的所有样式，从而减少标签汤代码（更小的文件大小）并且您只需要担心更新内容，不是标记内的布局[表示（css）与行为（js）和内容（html）的分离]。

【讨论】：

【解决方案2】：

不使用表格的真正好处

【讨论】：

【解决方案3】：

无表格布局与基于表格的布局可能被视为整个“语义 HTML”辩论中最简单的方面。

正如meder所说“为正确的目的使用正确的元素”

但它是辩论，而不是法律，你不能强迫网络开发者遵守。

【讨论】：