特定日期/时间模块的 HTML5 语义标记

Question

我的页面上有一个元素，用于通知用户活动的日期、月份和年份，以及活动前还有多少天。我想知道 HTML5 规范中的以下内容是否是该数据的正确 HTML5 标记模式。

标记需要生成的示例

我的标记（与上图略有不同）：

<section>
    <div>London</div>
    <time datetime="2013-02-20">20</time>
    –
    <time datetime="2013-02-21">21</time>
    <time datetime="2013-02">Feburary 2013</time>
    <div>24 days to go</div>
</section>

关于正确标记的任何建议？

Answer 1

我不确定<section>-element 是否是此容器的正确包装器。 specs on w3.org 说：

在这种情况下，部分是内容的主题分组，通常带有标题。

在示例标记中，您没有可以添加的标题，但我不认为日期本身“是内容的主题分组”，它是更多是其他内容的元信息。

关于<time>-elements 的另一种写法可能是：

<div>London</div>
<time datetime="P2D">20 - 21</time>
<time datetime="2013-02-20">Feburary 2013</time>
<div>24 days to go</div>

第一个描述了为期两天的持续时间，该事件将持续。第二个指定事件开始的日期。如果没有标签，它仍然会显示“伦敦 2013 年 2 月 20 日 - 21 日还有 24 天”。

您可以在w3.org 上阅读更多相关信息：

4.6.11 The time element
2.4.5.9 Durations