如何为具有持续时间、日期、日期和时间的行正确设置时间元素标记

【问题标题】：How to correctly set up the time element markup for a line with a duration, day, date and time如何为具有持续时间、日期、日期和时间的行正确设置时间元素标记
【发布时间】：2014-08-01 21:12:20
【问题描述】：

我对如何正确标记以下示例感到困惑：

The course takes 2 days
from Sunday, 12.06.2014 9:00-18:00
to Monday, 13.06.2014 9:00-14:00

我想出了以下方法，但我不确定这是否正确：

<p>The course takes <time datetime="P 2 D">2 days</time></p>
<p> from <time datetime="2014-06-12">Sunday, 12.06.2014 </time><time datetime="2014-06-12T9:00+1:00">9:00</time>-<time datetime="2014-06-12T18:00+1:00">18:00</time></p>
<p> to <time datetime="2014-06-13">Monday, 13.06.2014 </time><time datetime="2014-06-13T9:00+1:00">9:00</time>-<time datetime="2014-06-13T14:00+1:00">14:00</time></p>

【问题讨论】：

标签： html datetime time semantic-markup

【解决方案1】：

time 元素表示其内容，以及这些内容在datetime 属性中的机器可读形式。内容类型仅限于各种日期、时间、时区偏移和持续时间。

The time element

从语义上讲，您的标记是可以的。

不过，datetime 属性存在一些问题：

从duration string 中删除空格：P 2 D --> P2D。
time string 和 time-zone offset string 中的一个小时必须包含 2 位数字：2014-06-12T9:00+1:00 --> 2014-06-12T09:00+01:00。

修复后：

<p>The course takes <time datetime="P2D">2 days</time></p>
<p> from <time datetime="2014-06-12">Sunday, 12.06.2014 </time><time datetime="2014-06-12T09:00+01:00">9:00</time>-<time datetime="2014-06-12T18:00+01:00">18:00</time></p>
<p> to <time datetime="2014-06-13">Monday, 13.06.2014 </time><time datetime="2014-06-13T09:00+01:00">9:00</time>-<time datetime="2014-06-13T14:00+01:00">14:00</time></p>

【讨论】：