vlambda博客
学习文章列表

<time> | HTML5 日期时间标签的定义与用法

定义与用法

  • <time>标签用于定义日期和时间,且以机器可读的方式对日期和时间进行编码。

  • <time>标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

  • <time>标签可以帮助搜索引擎生成更智能的搜索结果。

  • <time>标签是 HTML5 中的新标签。



语法格式

<time>……</time>  


示例代码

<p>商店开门时间<time>09:00</time> am.</p>  
<p>年终总结会议安排在<time datetime="2009-02-18">下周三</time>.</p>

效果展示:


商店开门时间 am.


年终总结会议安排在.



浏览器支持

IE Firefox Chrome Safari Opera
<time> | HTML5 日期时间标签的定义与用法 <time> | HTML5 日期时间标签的定义与用法 <time> | HTML5 日期时间标签的定义与用法 <time> | HTML5 日期时间标签的定义与用法

主流浏览器都支持<time>标签。



标签属性


<time> | HTML5 日期时间标签的定义与用法: HTML5新属性。

属性 描述
datetime datetime 规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。
pubdate datetime (该属性仍在被 WHATWG 和 W3C 组织设计和讨论中。) 指示 <time> 元素中的日期 / 时间是文档(或最近的前辈 <article> 元素)的发布日期

全局属性


<time> 标签支持 HTML 的全局属性。



事件属性


<time> 标签支持 HTML 的事件属性。


点击下方“阅读原文”阅览效果更佳