具有微数据的多个时间元素答案

【问题标题】：Multiple Time Elements with Microdata具有微数据的多个时间元素
【发布时间】：2014-11-26 14:52:42
【问题描述】：

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

<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 标签似乎是错误的。

【问题讨论】：

标签： html date time microdata

【解决方案1】：

使用 Microdata，您无需“注释”您的 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 的定义，我们看到没有强制性的内容格式：“营业时间可以指定为 [...]”（强调我的）。

但是，他们记录/推荐为可能格式的语法是 invalid 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。

【讨论】：