我有一个事件列表,每个事件都有一个开始日期和一个结束日期,我想使用 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)