1

我的页面上有一个元素，通知用户事件发生的日期、月份和年份，最后还有多少天在事件发生之前。我想知道 HTML5 规范中的以下内容是否是该数据的正确 HTML5 标记模式。

标记需要生成的示例

在此处输入图像描述

我的标记（与上图略有不同）：

<section>
    <div>London</div>
    <time datetime="2013-02-20">20</time>
    –
    <time datetime="2013-02-21">21</time>
    <time datetime="2013-02">Feburary 2013</time>
    <div>24 days to go</div>
</section>

关于正确标记的任何建议？

4

1 回答 1

2

我不确定<section>-element 是否是这个容器的正确包装器。w3.org 上的规范说：

在这种情况下，部分是内容的主题分组，通常带有标题。

在示例标记中，您没有可以添加的标题，但我不认为日期本身“是内容的主题分组”，它更像是其他内容的元信息。

关于<time>-elements，另一种写这个东西的方法可能是：

<div>London</div>
<time datetime="P2D">20 - 21</time>
<time datetime="2013-02-20">Feburary 2013</time>
<div>24 days to go</div>

第一个描述了为期两天的活动，该活动将持续。第二个指定事件开始的日期。如果没有标签，它仍然显示“ London 20 - 21 February 2013 24 days to go ”。

您可以在w3.org上阅读更多相关信息：

4.6.11 时间要素
2.4.5.9 持续时间

于 2013-09-22T09:51:35.123 回答