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

时间:2014-08-01 21:12:20

标签: html5 datetime time semantic-markup

我在某种程度上混淆了如何正确标记以下示例:

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>

1 个答案:

答案 0 :(得分:1)

  

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

     

The time element

从语义上讲,你的标记是可以的。

但是,datetime属性的问题很少:

修复后:

<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>