0

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

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

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

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

谢谢

4

3 回答 3

2

<label>在该上下文中无效，标签元素表示表单控件的标题。

我只是使用<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>
于 2012-07-29T19:30:23.140 回答
0

查看HTML5 的微格式。对于您可以使用的日期<datetime>

于 2012-07-29T19:21:47.097 回答
0

语义

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

跨度标签

我想补充一点，<span>-tag 没有语义意义——它是“语义中性的”。如果您想强调文本，只需使用<em>- 或 -<strong>标签。

于 2012-07-29T20:32:54.267 回答