小编Sto*_*opa的帖子

在 html5 <time> 元素的 datetime 属性中使用日期和持续时间

我有一个事件列表,每个事件都有一个开始日期和一个结束日期,我想使用 html5<time>元素使列表在语义上更丰富。

我发现我可以使用该datetime属性来提供机器可读的时间,如下所示:

<time datetime="2015-02-21">my birthday</time>
Run Code Online (Sandbox Code Playgroud)

我还发现该属性支持持续时间,如下所示:

<time datetime="P2D">two days</time>
Run Code Online (Sandbox Code Playgroud)

但是,我一直无法找到将两者组合在一个<time>元素中的正确方法,例如,显示从 2 月 21 日开始并持续两天的事件。

我可以简单地使用由空格分隔的日期和持续时间吗:

<time datetime="2015-02-21 P2D">21.-23. February</time>
Run Code Online (Sandbox Code Playgroud)

或者正确的方法是使用两个<time>元素?

<div>
 <time datetime="2015-02-21">21.</time>
 -
 <time datetime="2015-02-23">23.</time>
 February
</div>
Run Code Online (Sandbox Code Playgroud)

html time datetime semantics

5
推荐指数
1
解决办法
1723
查看次数

标签 统计

datetime ×1

html ×1

semantics ×1

time ×1