Question

如果我想为用户生成收据，我应该使用哪个标签来购买日期，商品，费用等。

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

<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>

跨度是好的吗？或其他东西

如果不是真的，那么我想我可以使用备份

<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>

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

谢谢

Answer 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>

Answer 2

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

的日期

Answer 3

<强>语义

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

<强>展代码

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

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

3 个答案: