Html 使用表格进行布局是否是一种恶果？

可能重复：

我一直听说使用表格进行布局是一个很大的禁忌。据我所知，您应该使用

div的

和

span的

进行布局

我最近一直在一个网站上工作，该网站有很多直接并排的信息<代码>分区占用整行。在CSS中将它们设置为其他方式很烦人。如果它很难支持，那么

div的

真的是为它而设计的吗

表格似乎是所有问题的整体解决方案。与

div的

和

span的

相比，使用表格有哪些缺点

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

---

应使用表格来显示表格数据。对于其他情况，请使用

div

和

span

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

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

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

将该布局与：

……

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

EDIT2-布局示例 创建动态webshop时，还应考虑禁用JavaScript的用户参见小提琴：

---

我已经创建了一个

容器元素，以防用户禁用JavaScript。在表单中，我添加了布局。有关应用程序逻辑，请参见FIDLE。应使用表格显示表格数据。对于其他情况，请使用

div

和

span

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

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

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

将该布局与：

……

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

EDIT2-布局示例 创建动态webshop时，还应考虑禁用JavaScript的用户参见小提琴：

---

我已经创建了一个

容器元素，以防用户禁用JavaScript。在表单中，我添加了布局。有关应用程序逻辑，请参见小提琴。

Smashing杂志有一篇精彩的文章：

---

关于这一点，《粉碎》杂志有一篇精彩的文章：

---

表格应且始终用于表格数据，因此命名为表格

对于非表格的布局，您应该使用

标记，偶尔使用

标记，较新的html5标记，如

，其他标记，如
，使用它们的组合，您将能够创建许多不同的布局

在CSS中将它们设置为其他方式很烦人

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

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

编辑

查看添加到问题中的HTML，您当然不应该使用表来进行此标记。这是一个简单的布局，可以通过
标记和一些
css
标记轻松实现。
表格应始终用于表格数据，因此命名为表格

对于非表格的布局，您应该使用
标记，偶尔使用
标记，较新的html5标记，如
，其他标记，如
，使用它们的组合，您将能够创建许多不同的布局

在CSS中将它们设置为其他方式很烦人

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

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

编辑

查看添加到问题中的HTML，您当然不应该使用表来进行此标记。这是一个简单的布局，可以通过
标记和一些
css
标记轻松实现。
检查一下，一般来说，是的，这是一个坏的因果报应。然而，给我们看看你的案例，也许你必须提供表格数据或其他东西。使用示例HTML标记进行解释。：）你不应该“使用div和span”，你应该使用适当的语义标记（可能包括表格），然后使用CSS描述它的表示。检查一下，一般来说，是的，这是一个坏的因果报应。然而，给我们看看你的案例，也许你必须提供表格数据或其他东西。使用示例HTML标记进行解释。：）您不是“应该使用div和span”，而是应该使用适当的语义标记（可能包括表），然后描述