哪些HTML5标签更适合赚钱？

Question

如果您必须正确选择其中一个HTML5 tags来表示价格，金额或帐户余额（例如3/9/2012 - Income: 1.200,00 €或item #314159 - price: $ 31,99），那么

• 您会选择哪个标签以及金额和原因？
• 货币也应该包装在自己的标签中吗？

我真的想避免使用像<span class="income">1.200,00 €</span>或<span class="price">$ 31,99</span>这样的通用内联元素，但到目前为止我还没有找到关于它的引用。

Answer 1

HTML spec for var州：

  

var元素表示变量。这可能是实际的   数学表达式或编程上下文中的变量，a   标识符表示常量，函数参数，或者只是一个   术语在散文中用作占位符。

对我而言，这意味着<var>不适合您示例中的价格。这取决于你想要完成什么，但似乎你的选择是：

1. 使用微数据（ref），例如Schema.org’s offer vocabulary来获取产品的价格
2. 如果您想提请注意价格而不表示更重要（ref）
，请使用<b>
3. 如果价格很重要，请使用<strong>，例如明细收据的总价
4. 如果您需要使用元素来设置不同的价格，<span>和<b>不合适
，请在课程中使用<strong>
5. 如果上述任何内容都不合适且您不想定价，不做任何事情

从您给出的示例中，似乎没有必要标记价格。如果示例来自表格以显示财务信息，请确保它们分别位于以<th scope="col">Income</th>或<th scope="col">Price</th>为首的列中以便访问。

希望有所帮助！

Answer 2

查看HTML5 specs，很明显价格不被视为语义实体。并且我同意。以这种方式思考：

如果有语义元素，那就是结果

<p>
   I have 4 apples, 2 oranges and <money>5 <currency>dollars</currency></money>.
</p>

是什么让5美元与2个橙子不同？我们还应该添加<fruit>标记吗？

  

您会选择哪个标签的金额和原因？

如果您想添加一些CSS，则span class。{ 因为没有人真正关心语义。很高兴，但实际上最重要的是造型。

  

货币也应该包装在自己的标签中吗？

绝对没有。

  

我真的想避免使用通用内联元素

为什么？

如果您想表达货币的特殊性，您可以决定使用<i>。

  

i元素代表一个交替的声音或心情的文本范围，或者以指示不同文本质量的方式偏离正常散文，...
  http://dev.w3.org/html5/spec/the-i-element.html

Answer 3

<data>怎么样？

<p>The price is <data class="money" value="100.00">$100</data>.</p>

根据HTML5 spec：

  

data元素表示其内容，以及value属性中这些内容的机器可读形式。

     

当与微格式或微数据相结合时，该元素用于为数据处理器提供机器可读值，并且用于在Web浏览器中呈现的人类可读值。在这种情况下，value属性中使用的格式由使用的微格式或微数据词汇表确定。

在这种情况下，您还可以使用microdata添加有关货币种类的其他信息等。

Answer 4

我看不到比var更多的语义：

<var>1.200,00 <abbr title="EUR">€</abbr></var>

Answer 5

我会在这里使用definition list。

  

HTML元素（或HTML描述列表元素）包含一个   一对术语和描述的列表。此元素的常见用途   是实现词汇表或显示元数据（列表   键值对）。

{{1}}

Answer 6

使用var标记。被描述为：＆＃34;变量或用户定义的文本＆＃34;

<var> </var>