为什么大多数人都希望在HTML中避免使用TABLE并将DIV用于所有内容？

Question

每次看到它都会让我发疯.为什么使用div元素几乎是一种迷恋？

我理解为什么大部分都div在标记中,每个都有一个id或(甚至更好)一个className可以帮助开发一个干净的标记并保持对视觉变化的控制.

但是,例如,我一直看到有关如何使div表现得像表格的问题,即使他们被告知某些事情与x或y浏览器版本不兼容,他们仍然希望做这样的事情:

<div style="display: table">
    <div style="display: table-row">
        <div style="display: table-cell">Content</div>
        <div style="display: table-cell">Content</div>
    </div>
    <div style="display: table-row">
        <div style="display: table-cell">Content</div>
        <div style="display: table-cell">Content</div>
    </div>
</div>

为什么？......真的:为什么？

为什么这比使用table？更好？或者,为什么使用表格令人厌恶？

表是HTML元素的一部分.它们存在是有原因的,并且有很好的用途.他们并没有被弃用,他们不会很快消失(或者比div那件事早得多).最重要的是:它们在所有浏览器和版本中都表现正常!

所以...为什么让divs表现得像桌子一样？为什么这么多人写HTML/ CSS那样然后为这么脏的东西感到自豪？

这不是tables 独有的.我一直在看divs替换所有html元素,比如h1.. h6,spans等.

为什么？？

Answer 1

不，仅仅为了避免表格标签而使用行为类似于表格单元格的 div 也好不了多少。

\n\n

在表格合适的地方使用表格是完全可以的。如果要显示表格数据，请使用表格。如果您只是在类似网格的环境中使用表格来布局页面，那么不，不要使用表格。

\n\n

人们使用具有表格行为的 div 的原因通常是因为他们不想使用表格，因为它们具有语义意义，但他们仍然想坚持表格布局。

\n\n

最后，您永远不应该使用表格来布局页面。这里给出了许多充分的理由。

\n