如何使用HTML5时间标记标记日期范围?

时间:2011-02-08 11:55:15

标签: date time tags html5

在HTML5中标记日期时,我知道您应该使用<time>标记的单个日期,如下所示

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

但是你(或者你应该)如何标记“2011年4月2日至4日”等日期范围?

感谢。

2 个答案:

答案 0 :(得分:30)

此时标记日期范围尚未确定。 (你可以看到the evolving discussion on date ranges on the WhatWG site。)

目前最好的选择是在时间标记中使用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>

请记住use an En dash between your dates for proper presentation

答案 1 :(得分:25)

如果<time>有一种表示范围的好方法会很好,但你必须做这样的事情:

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