如何使用 HTML5 时间标签标记日期范围？答案

【问题标题】：How do you markup a date range with the HTML5 time tag?如何使用 HTML5 时间标签标记日期范围？
【发布时间】：2011-06-23 09:25:06
【问题描述】：

在 HTML5 中标记日期时，我知道您应该使用<time> 标签，如下所示

<time datetime="2011-04-02">2nd April 2011</time>

但是您将如何（或应该）如何标记“2011 年 4 月 2 日至 4 日”这样的日期范围？

谢谢。

【问题讨论】：

【解决方案1】：

您现在最好的选择是简单地使用ISO 8601 syntax for date ranges 作为时间标签中的日期时间值。简而言之，只需用正斜杠分隔两个值即可。

例如，2011 年 4 月 2 日至 4 日是：

<time datetime="2011-04-02/2011-04-04">2nd&ndash;4th April 2011</time>

这是一个代表 2000-2010 年的更简单的例子：

<time datetime="2000/2010">2000&ndash;2010</time>

【讨论】：

此建议的一个缺点是，例如，如果您要标记 Schema.org 模式的内容（例如，需要 startDate 和 endDate 的模式），则无法指定哪个日期是开始日期，哪个日期是结束日期。公认的答案更复杂，但对于这种目的来说已经足够了。
这不是有效的 HTML：Bad value 2011-04-02/2011-04-04 for attribute datetime on element time: The literal did not satisfy the time-datetime format.。

【解决方案2】：

如果<time> 有一种很好的方式来表示范围，那就太好了，但你必须这样做：

<time datetime="2011-04-02">2nd</time> - <time datetime="2011-04-04">4th April 2011</time>

【讨论】：