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

前端之家收集整理的这篇文章主要介绍了为什么大多数人都希望在HTML中避免使用TABLE并将DIV用于所有内容?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Why not use tables for layout in HTML? [closed]66个
每次看到它都会让我发疯.为什么使用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>

为什么? ……真的:为什么?

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

表是HTML元素的一部分.它们存在是有原因的,并且有很好的用途.它们不会被弃用,它们不会很快消失(或者比div更快消失).最重要的是:它们在所有浏览器和行为中都能正常运行.版本!

那么……为什么制作div的行为就像桌子一样呢?为什么这么多人以这种方式编写HTML / CSS然后为这么脏的东西感到自豪?

这不是表格所独有的.我一直看到div替换所有的html元素,比如h1..h6,spans等.

为什么??

解决方法

不,使用行为像表格单元格的div,只是为了避免使用表格标签,效果不是更好.

使用表格是完全正确的,表格是合适的.如果要显示表格数据,请使用表格.如果您只是使用表格在类似网格的环境中布局页面,那么不,不要使用表格.

人们使用具有表行为的div的原因通常是因为他们不想使用表,因为它们具有语义含义,但他们仍然希望坚持表格布局.

最后,您不应该使用表来布局页面. here有很多好的理由.

猜你在找的HTML相关文章