表与基于CSS的网页布局

Question

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

你对此有何看法？不使用表格有什么好处吗？

Answer 1

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

话虽如此，有些人在CSS中仍然存在错误的思维框架，你应该避免完全依赖于绝对定位和像素完美滥用的布局，而是在可以的时候依赖流畅的，基于em的布局因为它们更适合不同的屏幕分辨率和环境。

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

Answer 2

  

不使用表的真正好处

1. 加载页面速度更快
2. 降低托管费用
3. 重新设计更有效率
4. 重新设计更便宜
5. 整个网站保持视觉一致性
6. 更好的搜索引擎优化
7. 辅助
8. 竞争优势（工作保障）
9. 快速网站更新
10. 团队维护（和个人）更容易
11. 提高可用性
12. 更复杂的布局和设计
13. 没有间隔gifs

在这篇精彩的文章中阅读更多内容

CSS vs Tables - 13 Reasons Why CSS Is Superior to Tables in Website Design

Answer 3

无表格布局v基于表格的布局可以作为整个“语义HTML”辩论中最简单的方面。

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

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