标记倒数计时器的最佳方法答案

【问题标题】：Best way to mark up a countdown timer标记倒数计时器的最佳方法
【发布时间】：2011-10-30 22:29:05
【问题描述】：

我正在尝试实现类似于以下页面中显示的内容：

基本上是一个倒计时。

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

有人可以帮忙吗？

【问题讨论】：

页面加载时的语义，还是 DOM 中的语义？有区别。
我想两者都很好。你能详细说明一下吗？
语义（就我而言）仅与浏览器加载的页面源有关。在页面被解析并成为 DOM 的一部分后会发生什么，语义变得不那么有意义，因为页面不再处于可解析的状态。前者，源语义，赋予页面包含的数据意义，后者，你只是在操作实例数据。
是的，我就是这么想的。那么我有一个空的 div 然后填充它吗？或者我应该在那里有一个有意义的标记开始？
您是否正在使用计时器标记探索某种有意义的长寿？为什么不只是带有初始日期/时间戳的DIV？

【解决方案1】：

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

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

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

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

您可能需要将各个组件包装在 spans 中，也许，以允许每天、小时、分钟、秒...作为单独的计数器设置样式：

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

参考资料：

【讨论】：

你有很好的资源链接来了解完整的 HTML5 元素库吗？
你的意思是html5下可用的全部资源吗？如果是这样......那么有HTML5Doctor.com。然后，我建议浏览HTML5 elements at MDC；当然，在W3.org 上寻找相同的元素。
谢谢，@大卫。我很感激。
@David 最近时间没有被贬低吗？
我不知道；但这是不可能的。您是否有指向该假设来源的链接..？