css display：table vs html <table>，哪个更适合使用？

Question

当我做网页布局时，我使用html <table>。但是，我在互联网上阅读过，html表格只能用于数据，在做布局时应该使用<div>或<span>。我在网上搜索并找到约显示：表。我读了它并以我自己的理解（我不知道我是否理解它），它与html <table>相同。我发现使用html <table>更容易，因为它的方式更简单。我不必担心定位<div>，因为大部分时间都到了我不想要的地方。

我的问题是：在布局中使用html <table>有什么优缺点？

Answer 1

除了不想学习正确的HTML/CSS和/或使用某种所见即所得编辑器的人以外，使用表格标记进行页面布局并没有太多优势。

但是，由于存在许多良好的可访问性原因，您绝对要使用表格数据表。

CSS的页面布局（过表）的优点是：

• 呈现从内容分离更新
• 时（这通常意味着更小的HTML来处理）
• 呈现更灵活演示文稿更容易​​适应各种设备/屏幕

'table'的CSS显示属性允许您的CSS更像传统表格。这为您提供了CSS的好处，但可以让您使用旧的表格逻辑。

如果你精通CSS，大概只有一次你真的想要利用display：table是当你遇到你想要处理垂直居中的内容的情况时...... CSS通常看起来像的东西失败。请注意，display：table与许多CSS一样，在老版本的IE中不起作用。

Answer 2

这一切都取决于你想要完成的。使用div s，span s和display:table可能会变得相当混乱，但如果您担心搜索引擎不能正常浏览普通表格，则可能是要走的路。使用table标签更简单，易于使用，语义更准确。