是否应该不惜任何代价在HTML中避免使用表格?

Niy*_*yaz 36 html css html-table

建议在HTML页面中使用表格(现在我们有CSS)?

表的应用是什么?表中有哪些功能/能力不在CSS中?

相关问题

Mo.*_*Mo. 80

一点都不.但是使用表格来表格数据.只是不要将它们用于一般布局.

但是,如果您显示表格数据,如结果或甚至表格,请继续使用表格!

  • 表格不是表格数据.<label>标签用于将标签与表单中的字段相关联. (22认同)
  • 多年来"使用表格进行布局很糟糕!"有点奇怪.已经导致人们开始询问他们是否打算一直使用桌子*! (9认同)
  • 没有特别的顺序:1)它们效率低下 - 表占用每个页面页面的空间,而CSS可以被缓存.2)它们不灵活 - 您可以更改CSS文件中的一个位置,并且使用该CSS的所有页面都会自动更新.此外,某些浏览器无法很好地显示它们(移动,嵌入等).3)除非你实际上将它们用于表格数据,否则它们在语义上毫无意义. (6认同)
  • 一个直接的答案但为什么?表已被广泛用于布局,那么这有什么问题?你能说为什么你认为表不应该用于布局?(我并不反对你 - 我只是认为在许多情况下表可以合理地用于布局) (4认同)
  • 不使用表格进行布局的概念性原因是因为表格具有特定的语义含义.不使用它们会导致机器误解.不使用表的实际原因是使用表将输出锁定为单个布局,而使用基于CSS的布局允许来自相同标记的多个演示,最明显的是移动优化布局和桌面优化布局. (2认同)
  • Stack Overflow使用表格进行布局.将军. (2认同)

Tod*_*vis 70

我想我在这里并不占多数,但我仍然看到HTML中的表格有很多用处.当然,是的,对于形式之类的东西,你根本无法击败一张桌子.尝试排列标签和随附的表单字段肯定可以使用DIV,但是在某些情况下,PITA会是什么样,并且调整页面大小会很难看.一张桌子在这里创造奇迹.

但也要考虑更大的问题.例如,您是否尝试仅使用DIV和CSS创建带有页眉和页脚的标准3列布局?同样,这是非常可能的,并且有大约1000个网站的例子,但他们都倾向于遭受同样的问题.第一个问题是,在没有某种javascript帮助的情况下,列永远不会真正想要变成相同的高度.第二个问题是改变布局往往是一个棘手的事情,因为它是一个balacing行为,以使一切"恰到好处"开始,所以那么你不想搞砸它.最后,这可以追溯到最后一点 - 这并不容易.你必须布置你所有的DIV,然后回去创建魔法CSS,迫使那些DIV进入正确的位置,然后花几个小时调整它直到它是正确的....呃.然后在没有查看器的情况下查看HTML确实不会让您知道页面的样子,因为它最终会被CSS重新解释.

现在,选项B.使用表格.花大约30秒输入<tr>和<td>标签,可能根本没有CSS,没有javascript'fixit',并且只是通过查看HTML就能确切地知道它会是什么样子.

肯定有支持和反对表的论据,纯粹主义者似乎赞成DIV的布局,但不要因为宗教原因而使用DIV,因为有人告诉你桌子是邪恶的.使用最适合您的方式,页面以及查看者与页面交互的方式.如果那是一张桌子,那就用吧.如果没有,不要.

  • 你可以调用表格标签和输入表格数据吗?可能..但是我用css来做这件事,一旦你做了一次,它很容易在所有其他网站上应用.冒险.... (4认同)
  • 我知道如何通过查看标记和CSS来呈现页面,就像通过查看它的表格标记来思考网站的结构一样 - 这只是一个培训问题.我可以在几秒钟内编写一个只有一个无序列表的纯CSS下拉菜单,而使用表格需要几分钟.这是因为,在我自己的怀疑之后,我强迫自己从盒子模型的角度思考 - 如果你知道我从最初几个月的痛苦中获益多少,那么你也会尝试:) (4认同)
  • @alex,但你必须承认你无法击败桌面布局浏览器兼容性:它们简单,直接,简单. (2认同)

nic*_*ckf 13

到目前为止,每个人都说过表格应该只用于表格数据,这是事实.看看SO上任何页面的HTML源代码,你会发现他们有不同的想法......

我认为他们的理由是,有时使用表格会简单得多.虽然,有很多非常好的可用性原因,为什么要避免它们.

  • 直到我看到它,我才相信它.:-) (6认同)

Jon*_*nan 11

除了表格数据之外,如果您希望以跨浏览器兼容的方式创建灵活的网格布局(如复杂表单),则表格仍然是必需的.

CSS2支持创建灵活的网格布局,而无需table通过display属性使用该元素,但IE6或IE7不支持此功能.

但是,对于大多数基本表单布局,CSS应该足够了.


Pau*_*ett 6

如果只有CSS等价物就像设置"表格式"布局一样方便,那么我很乐意使用CSS.我发现模仿其他人在这里列出的东西所需的时间(单元格上的高度,自动增长的行等等)根本不值得努力.我不会得到我的投资回报,而不是在大多数情况下快速抛出一张桌子.

所有浏览器都可以确切地就如何布置表格达成一致.巴姆.完成.

以下是我的CSS愚蠢行为:尝试在CSS中设置类似于表格的布局.花20分钟或更长时间在Mozilla中获取所有内容,然后在IE中打开它.在这两个浏览器之间再花30分钟调整一下.假装世界上只有两个浏览器,因为我实际上需要完成一些工作.

我相信CSS的承诺:关注点的分离.问题是,对于那些需要高效工作的人来说,CSS还没有准备好迎接黄金时段.或许它是浏览器的渲染引擎 - 无论哪个.