以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

您的示例非常有效地用于表格，如规范（强调我的）：

  

table元素表示一个表;也就是说，数据超过一   尺寸。

http://www.w3.org/TR/html-markup/table.html
http://www.w3.org/TR/2011/WD-html5-20110525/tabular-data.html#examples

使用CSS表格数据是可能的，但是处理100％宽度，相同高度的单元格，文本换行，溢出等很快就变得非常困难。表格的布局和渲染模型是明确定义和优化的这些情况，而div或dl或ol则不是。

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

请参阅：http://www.quirksmode.org/css/display.html#table

Answer 2

对于表格数据，请使用表格元素！这就是它的目的，它仍在这里（see the HTML5 norm）并推荐。

当您可以使用CSS（在所有情况下略高于99％）时，不要使用表来布局屏幕。

Answer 3

你应该使用表格。

其表格数据，因此它属于HTML表格。

由于过度使用布局，表名声不好。但它们并不邪恶，是在网页上显示数据表时使用的完全可接受的元素。