标记倒计时器的最佳方法

Question

我正在尝试实现类似于下页所示的内容:

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

基本上是倒数计时器.

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

有人可以帮忙吗？

Answer 1

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

<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>在 html5doctor.com。
• <time>在 W3.org 上。
• “<time>为历史学家提供安全”，来自 Quirksmode.org。