哪个 html 元素在语义上最适合显示一组电子邮件？答案

【问题标题】：Which html element is semantically most appropriate for displaying a group of emails?哪个 html 元素在语义上最适合显示一组电子邮件？
【发布时间】：2011-03-31 12:16:22
【问题描述】：

我有一组电子邮件（我不愿使用单词列表，因为它可能会影响您的回答），我想以表格方式显示主题、内容、日期、操作列（其值可能包含例如删除按钮）。

从语义上讲，对于这些数据，您会使用列表（可能是<dl>）还是<table>？我的直觉是列表是最合适的：毕竟我会将页面描述为电子邮件列表 - 而不是电子邮件表格；此外，我不会将这些数据放在电子表格中或对其进行任何分析。但是，我想要列标题这一事实让我想知道<table> 是否更合适。

我怀疑设计永远不会是非表格的；但是，某些列可能会重新设置样式。

【问题讨论】：

标签： html semantic-markup semantics html-table html-lists

【解决方案1】：

不用担心样式。您可以使用 CSS 使列表看起来像一个典型的表格，或者一个表格看起来像一个典型的列表。除此之外，这取决于你。对我来说，特别是因为“列”式数据片段非常少，因此定义列表在这种情况下似乎在语义上和实践上更正确。

【讨论】：

【解决方案2】：

我会选择table。如果它只有一列，我会使用列表，但是——至少对我而言——这显然是表格数据，因为所有“行”共享相同的“列”。

（想一想：如果您的示例不符合使用table 的条件，还有什么？）

【讨论】：

您可以从中绘制图表的数据将始终放在表格中。您不能从电子邮件列表中绘制图表。（顺便说一句，我并不是说如果你不能绘制它，那么它不应该放在桌子上。）
我将接受您的回答并提供进一步的解释。标题需要表格，因为 HTML 无法将标题与
元素相关联。在某些方面，这是

元素的工作，但是当它与多个

元素相关联时，能够给每个元素一个标题会很好；不幸的是，这是不可能的，因此需要一张桌子。

【解决方案3】：

<table> 一路。您可以将您喜欢的内容放在单元格中的<div> 中。适用于 gmail（至少，对于他们的基本 html 视图）。

【讨论】：

查看我对@klez 的评论。谷歌似乎并不关心语义。
“语义”在显示事物的上下文中与考虑数据模型时的语义完全不同。 HTML 是一种演示标记语言，这就是您必须使用它的方式。因此，使用<br> 标签在页面上引入视觉中断是“语义正确的”，就像使用中心标签、表格等来居中或以表格格式显示它们一样。你想在屏幕上显示一个表格； <table> 标签就是为了这个。该表中的内容与表示层语义无关。说“Google 不在乎”听起来很傻。

【解决方案4】：

我不确定一个比另一个更好，我个人会使用表格。

【讨论】：

【解决方案5】：

GMail 使用table。我不会说他们不关心语义。

【讨论】：

我肯定会说他们不关心语义。看看google的主页——center标签、表格、br标签，各种无意义的垃圾！

【解决方案6】：

您有一个信息需要在两个维度（行、列）中显示，每个维度描述有关数据的某些内容（即数据编号（行）和信息（列））。

对我来说，这听起来像是一张桌子，而且从可访问性的角度来看，这听起来会更好！想想可能需要阅读信息的屏幕阅读器。

【讨论】：