如何将微数据添加到价格字段？

Question

我们有一种名为product的内容类型，它具有自定义＆＃34;输入＆＃34;按钮，允许您＆＃34;添加到购物车＆＃34;。所以我有这个：

<input type="submit" value="Buy Now $'.$content['field_price'][0]['#markup'].'" alt="Buy Now $'.$content['field_price'][0]['#markup'].'" />

问题是价格字段在输入字段内，因此不会显示，因此我必须以其他方式显示价格以将其包含在产品页面中。

我的示例显示了页面上的价格，但我不想显示价格，因为它已经显示在我的输入字段中。所以这不会起作用：

<div itemscope itemtype="http://schema.org/Product">
  <span itemprop="name">Kenmore White 17" Microwave</span>
  <img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="price">$55.00</span>
    <link itemprop="availability" href="http://schema.org/InStock" />In stock
  </div>
</div>

我看到这个工作的唯一方法是我做一些偷偷摸摸的事情：

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="price" style="displaY: none;">$55.00</span>
  </div>

这会被允许还是不能解决我的问题？

更新

这有效：

<div itemscope itemtype="http://schema.org/Product">
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price" style="displaY: none;">$55.00</span>
    </div>
</div>

这不是：

<div itemscope itemtype="http://schema.org/Product">
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      <meta itemprop="price" itemprop="55.00" />
      <meta itemprop="priceCurrency" itemprop="USD" />
    </div>
</div>

Answer 1

您应该使用meta元素。

在HTML5 +微数据（documentation）as well as in HTML+RDFa中，正是出于此目的。这与link属性availability元素的使用方法相同（如示例所示）。

在Microdata中，它看起来像这样：

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  <meta itemprop="price" content="55.00" />
  <meta itemprop="priceCurrency" content="USD" />
</div>