html - 微数据的多个时间元素

Question

我有一个代表我公司营业时间的定义列表:

<dl>
  <dt>Monday - Friday</dt>
  <dd>8:30am to 5:30pm</dd>
  <dt>Saturday - Sunday</dt>
  <dd>9:00am to 5:00pm</dd>
  <dt>Holidays</dt>
  <dd>Closed</dd>
</dl>

这似乎是安排此内容的一种很好的结构化方式。但也许我错了？

我想知道如何使用 time 元素来表示营业时间？

最终，我正在考虑做这样的事情:

<time itemprop="openingHours" datetime="Mo,Tu,We,Th,Fr 8:30-17:30">Monday - Friday, 8:30am to 5:30pm</time>

但是由于 dt 标记中的星期几和 dd 中的时间，我不确定标记的正确方法是什么是？两个不同的 time 标签似乎是错误的。

Answer 1

使用微数据，您并不是在“注释”您的 HTML 标记。标记仅作为载体。微数据消费者解析页面后，HTML 和微数据项之间不再有任何关系。

所以你实际上有两个问题:

• 我应该使用哪种 HTML5 标记？
• 我如何使用这个标记来添加我想用 Microdata 表达的内容？

HTML5

HTML5 问题很简单:您可以将 time 元素用于日期、时间、时区偏移或持续时间等所有内容。所以你的 dl 可能看起来像:

<dl>
  <dt>Monday - Friday</dt>
    <dd><time datetime="08:30">8:30am</time> to <time datetime="17:30">5:30pm</time></dd> <!-- could also use a duration string instead, or an additional time element; but probably doesn’t make much sense in this context -->
  <dt>Saturday - Sunday</dt>
    <dd><time datetime="09:00">9:00am</time> to <time datetime="17:00">5:00pm</time></dd>
  <dt>Holidays</dt>
    <dd>Closed</dd>
</dl>

Schema.org 和微数据

现在查看 schema.org 的 openingHours property 的定义，我们看到没有强制性的内容格式:“营业时间可以指定为[…]”(强调我的)。

但是，他们记录/推荐的可能格式的语法是无效的 HTML5:time element不能有像“Mo,Tu,We,Th,Fr 8:30-17:30”或“Mo-Su”这样的日期时间值(我创建了一个 issue )。

因此，如果您想使用这种记录格式，则不应使用 time 元素。相反，您可以

• 使用 data element及其 value 属性:

  <data itemprop="openingHours" value="Mo,Tu,We,Th,Fr 8:30-17:30">…</data>
  

  如果你愿意，你可以用它来包装相应的dt或dd的内容。

• 使用 meta element :

  <meta itemprop="openingHours" content="Mo,Tu,We,Th,Fr 8:30-17:30">
  

  如果愿意，您可以将其作为相应 dt 或 dd 的子级(是的，in the body)。

您可能想使用 openingHoursSpecification → OpeningHoursSpecification相反。