Question

可能重复：
Why not use tables for layout in HTML?

我一直听说使用表格进行布局是 BIG NO NO 。据我了解，您应该使用div's和span's进行布局。

我最近在一个网站上工作，有很多直接并排的信息。 Div's占据整行。将它们设置为在CSS中另外做是令人讨厌的。如果难以支持，div's实际上是为此做出的吗？

表格似乎就是这一切的整体解决方案。使用表格与div's和span's？

有什么缺点

例如，我在这里使用表来布局：

enter image description here

Answer 1

表格应该用于显示tabulair数据。对于其他情况，请使用div和span。

“有很多直接并排的信息。”听起来像tabulair数据。在这种情况下，我不会因为使用表而惩罚你。的修改
你刚刚编辑了你的答案，并列出了你的布局。不要使用表格！

为了便于阅读，您的代码应如下所示：

<div class="cart">
    <div class="price"></div>
    <div class="quantity"></div>
    <div class="pay"></div>
</div>

将布局与以下内容进行比较：
<table>...<tr><td></td>....</table>

当人们看到第一个布局的来源时，他可以从中获得有意义的信息。另一方面，在查看第二个选项的来源时......

EDIT2 - 布局示例

创建动态网上商店时，您还应该考虑已禁用JavaScript的用户。 请参阅小提琴：http://jsfiddle.net/GRgkz/1/

我创建了一个<form>容器元素，以防用户禁用了JavaScript。在表格中，我添加了布局。请参阅应用程序逻辑的小提琴。

Answer 2

表应该并且始终用于表格数据，因此名称表。

对于不是表格的布局，您应该使用<div>代码，偶尔使用<span>代码，更新的html5代码，例如<header> <article> <nav>，其他像<dd> <dt> <dl> <ul> <li>这样的标签使用它们的组合，您将能够创建许多不同的布局。

将它们设置为在CSS中执行其他操作非常烦人

不，这是完全错误的。如果你不知道自己在做什么，那只会“烦人”。如果您不知道自己在做什么，请阅读html / css以及如何正确使用它。你不会很快学到所有东西，只有通过实践，你才能成为构建跨浏览器网站的“艺术”中的“大师”。

不要偷懒，做得好。用于设置html样式的外部CSS文件。

修改

查看已添加到问题中的HTML，您当然不应该使用表格来标记此标记。这是一个简单的布局，可以使用<div>标记和一些css标记轻松实现。

Answer 3

Smashing Magazine有一篇关于此的精彩文章：