列表中生成的数据的正确 HTML 语义标记是什么？答案

【问题标题】：What is the correct HTML semantic tag for generated data in a list?列表中生成的数据的正确 HTML 语义标记是什么？
【发布时间】：2012-07-29 19:19:26
【问题描述】：

如果我想为用户生成收据，我应该使用什么标签来标记购买日期、商品、成本等。

我知道我会为类别使用标签。

<ul>
    <li> <label> Item </label> <span> Poster(is span correct for this area?) </span> </li>
    <li> <label> Date </label> <span> XX/XX/20XX </span> </li>
    <li> <label> Cost </label> <span> $10 </span> </li>
</ul>

Span 是个好的吗？或者别的什么

如果不是真的，那么我想我可以求助于备份

<ul>
    <li> <label> Item </label>  Poster(is span correct for this area?)  </li>
    <li> <label> Date </label>  XX/XX/20XX </li>
    <li> <label> Cost </label>  $10 </li>
</ul>

我将所有文本格式化为生成日期所需的格式，但使用标签标签添加另一层样式。

谢谢

【问题讨论】：

标签： html semantics

【解决方案1】：

<label> 在该上下文中无效，The label element represents a caption for a form control。

我只会使用<strong>:

<ul>
    <li><strong>Item:</strong> Poster</li>
    <li><strong>Date:</strong> XX/XX/20XX</li>
    <li><strong>Cost:</strong> $10</li>
</ul>

或者一张桌子：

<table>
    <tr>
        <th scope="row">Item</th><td>Poster</td>
        <th scope="row">Date</th><td>XX/XX/20XX</td>
        <th scope="row">Cost</th><td>$10</td>
    </tr>
</table>

【讨论】：

【解决方案2】：

查看 HTML5's Microformats。对于日期，您可以使用<datetime>

【讨论】：

【解决方案3】：

语义

我还要说 <table> 或 微格式 最适合您的数据，因为这并不是真正的项目列表。

跨度标签

我想补充一点，<span>-tag 没有语义 - 它是“Semantically neutral”。如果您想强调文字，只需使用 <em>- 或 <strong>-tags。

【讨论】：