html5之<time>标签

于 2012-02-24 10:42:05 发布 · 309 阅读 · 0
文章标签：

#html5 #time标签

本文深入解析HTML5 <time>标签的用途，包括如何定义公历时间、日期和时间的机器可读编码，以及其在网页中的应用实例。详细介绍了属性datetime、pubdate的使用方法，同时指出当前主流浏览器的支持情况。

 

HTML 5 <time> 标签

 

     -------------定义公历的时间（24小时制）或日期，时间和时区偏移是可选的。

 

      该元素能够以机器可读的方式对日期和时间进行编码。举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

 

 

 

<p>我们每天早上<time>10:30</time>开始上班</p>
<p>我的<time datetime="1987-08-06">生日</time></p>

 

注释：

 

    update by me 20130814

 

    目前IE9+  |  FF21+  |  Chrome 27+ |  Safari 5.1+ 都支持

 

    http://caniuse.com/#search=time

 

 

属性值描述
datetimedatetime规定日期 / 时间。否则，由元素的内容给定日期 / 时间。
pubdatepubdate指示 <time> 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期