以HTML格式显示表格数据

Question

我以前总是使用表格.但是,我被告知在现代HTML设计中使用表格是一个很大的禁忌.在现代HTML中显示表格数据有哪些好的和"可接受的"方法？

我想做这样的事情:

First_Name   Last_Name    Phone Number
Britney      Spears       555-555-5555
Jon          Bon Jovi     444-444-4444

我不是100%清楚为什么我不应该为此使用表格.但我见过的人使用<li>的,他们使用CSS,使操作起来更象<div>的

使用HTML和CSS设置这样的数据的好方法是什么？

Answer 1

您应该为此使用表格。

它的表格数据，所以它属于一个 HTML 表格。

由于过度使用表格进行布局，表格的声誉很差。但它们并不邪恶，并且是在网页上显示数据表时使用的完全可以接受的元素。

Answer 2

您的示例是对规范(强调我的)所描述的表的完全有效的用法:

table元素表示一个表; 也就是说,具有多个维度的数据.

使用CSS表格数据是可能的,但是处理100%宽度,相同高度的单元格,文本换行,溢出等很快就变得非常困难.表格的布局和渲染模型是针对这些场景定义和优化的,而a div或a dl或ol不是.

有不同的显示类型在非表元素上支持更多类似于表的布局,但目前还没有很好地实现.