标记倒计时器的最佳方法

Question

我正在努力实现类似于下页所示的内容：

http://2.s3.envato.com/files/7689014/index.html

基本上是倒数计时器。

我在语义上有点不确定什么是标记它的最佳方式。

有人可以帮忙吗？

Answer 1

我想你可以使用微格式或html 5 time元素：

<time date="2011-10-31">2011-10-31</time>

可能使用pubdate（布尔）属性将时间定义为发布日期：

<time date="2011-10-31" pubdate>

您可能需要在span s中包装单个组件，以允许每天，每小时，每分钟，每秒......作为单个计数器进行样式化，但是：

<time date="2011-10-31" pubdate><span class="year">2011</span>-<span class="month">11</span>-<span class="day">31</span></time>

参考文献：

• <time> at html5doctor.com。
• <time> at the W3.org。
• 'Making <time> safe for Historians', at Quirksmode.org。