为什么不在HTML中使用表格进行布局

Question

为什么不在HTML中使用表格进行布局似乎普遍认为表不应该用于HTML中的布局。为什么？我从来没有（或很少诚实地）看到这方面的好论据。通常的答案是：将内容与布局分开是件好事但这是一个错误的论点; 陈词滥调。我想使用表格元素进行布局与表格数据几乎没有关系。所以呢？我的老板在乎吗？我的用户在乎吗？也许我或我的开发人员必须维护一个网页关注......一个表不易维护吗？我认为使用表比使用div和CSS 更容易。顺便说一下...为什么使用div或span将内容与布局和表格分开？只使用div来获得一个好的布局通常需要很多嵌套的div。代码的可读性我认为这是另一种方式。大多数人都懂HTML，很少有人理解CSS。SEO最好不要使用表格为什么？任何人都可以证明它是有证据的吗？或谷歌发表的声明表示，从SEO的角度来看，表格是不受欢迎的？表格较慢。必须插入额外的tbody元素。这是现代网络浏览器的花生。向我展示一些基准，其中使用表会显着减慢页面的速度。如果没有桌子，布局检修会更容易，请参阅css Zen Garden。大多数需要升级的网站也需要新内容（HTML）。新版本的网站只需要一个新的CSS文件的场景不太可能。Zen Garden是一个不错的网站，但有点理论上。更不用说它滥用 CSS了。我真的对使用divs + CSS而不是表格的好参数感兴趣。

Answer 1

这是我的程序员从一个simliar线程的回答

语义101

首先来看看这段代码，然后想一想这里有什么问题......

class car {
    int wheels = 4;
    string engine;}car mybike = new car();mybike.wheels = 2;mybike.engine = null;

当然，问题在于自行车不是汽车。汽车类对于自行车实例来说是不合适的类。代码没有错误，但在语义上是不正确的。它反映了程序员的糟糕表现。

语义102

现在将此应用于文档标记。如果您的文档需要提供表格数据，那么适当的标记就是<table>。但是，如果将导航放入表中，则会误用<table>元素的预期用途。在第二种情况下，您没有呈现表格数据 - 您（错误地）使用该<table>元素来实现表达目标。

结论

访客会注意到吗？不，你老板在乎吗？也许。我们有时会像程序员一样偷工减料吗？当然。但是我们应该吗？不会。如果您使用语义标记，谁会受益？你 - 以及你的专业声誉。现在去做正确的事。

Answer 2

明显的答案：见CSS Zen Garden。如果你告诉我你可以轻松地使用基于表格的布局（请记住 - HTML没有改变），那么一定要使用表格进行布局。

另外两个重要的事情是可访问性和SEO。

两者都关心信息的呈现顺序。如果基于表格的布局将其放在页面上第二个嵌套表格的第二行的第三个单元格中，则无法在页面顶部轻松显示导航。

所以你的答案是可维护性，可访问性和SEO。

不要偷懒。即使他们有点难以学习，也要做正确的事情。