【问题标题】:Is <table> semantic for displaying phone, email, and fax?<table> 是用于显示电话、电子邮件和传真的语义吗?
【发布时间】:2013-01-22 14:48:20
【问题描述】:

下面codeHTML tables?的语义使用

<table>
    <tbody>
    <tr>
        <th>Phone</th>
        <td>+1234567</td>
    </tr>
    <tr>
        <th>Email</th>
        <td><a href="mailto:name@example.com">name@example.com</a></td>
    </tr>
    <tr>
        <th>Fax</th>
        <td>+1234568</td>
    </tr>
    </tbody>
</table>

未格式化,会是这样的:

对我来说似乎是表格数据。 (因此,不仅是为了布局——尽管副作用是它有助于拥有相等的列。)

【问题讨论】:

  • 我会为此使用定义列表
  • @OneTrickPony 完全正确,但你为什么不回答? :(

标签: html html-table semantic-web semantic-markup


【解决方案1】:

如果您将联系人放入&lt;table&gt; 仅出于布局目的,那么您最好使用css 样式&lt;dl&gt;。标识符将进入&lt;dt&gt;s,数据将进入&lt;dd&gt;s。

但如果您实际上是在输出一个包含多个联系人的表格,那么 &lt;table&gt; 将是正确使用的元素。不要忘记使用&lt;th&gt;s 作为标识符,使用&lt;td&gt;s 作为数据。

【讨论】:

  • 很好的答案,mostthe 其他 stuff 似乎同意
  • 使其更具语义化,使用微格式、rdfa 或微数据进行标记
【解决方案2】:

这里没有非黑即白的答案,但这不是表格数据。

联系详细信息绝对没有理由要求等列,这纯粹是表格的美观优势,由设计师自行决定。我不会为这种数据使用表格,我会坚持使用其他元素,然后使用 CSS 创建相等的宽度。

我会将表格数据定义为您可以在电子表格中看到的数据。

【讨论】:

  • 好吧,使用这个论点,我可以说人们使用电子表格做各种各样的事情:你经常会看到那里提供的联系方式——例如。如果是竞争对手、客户、客户等的电子表格。
  • 使用你的论点,你可以争辩说几乎任何内容都是表格的。你没有列标题,没有任何重复数据,内容也不相关。它根本不是表格数据。这只是一堆定义。
  • 不一定要有列标题——在这种情况下,我实际上是想使用行标题。但在这一点上,添加列标题“中”和“详细信息”将显示每列中的内容是如何相关的。
  • @Baumr:一张表意味着一组相关的记录。在您的情况下,您有 1 条记录,其中包含一组名称:值对形式的相关字段。您可以提出每个名称:值对都是一条记录的论点,但这是一个弱论点,因为值的数据类型各不相同。
  • @ChristianVarga,您似乎对此有些恼火。考虑淡化你的指责:我不是试图“扭曲 [你的] 答案”,也不是试图“让 [你] 改变你的答案”(尽管 StackOverflow 鼓励后者)。也许我可以更清楚一点:我正在扮演魔鬼的拥护者,问你这个问题的大部分。
猜你喜欢
  • 1970-01-01
  • 2016-03-16
  • 2013-10-21
  • 1970-01-01
  • 2013-11-07
  • 1970-01-01
  • 2015-04-24
  • 1970-01-01
  • 2015-08-19
相关资源
最近更新 更多