<time>
版本:HTML5
<time>标签用来表示24小时制时间或者公历日期,若表示日期则也可包含时间和时区。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有浏览器都支持<time> |
示例
<p>我们在每天早上 <time>9:00</time> 开始营业。</p> <p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>
效果:
我们在每天早上开始营业。
我在有个约会。
标签定义及使用说明
<time>
标签定义公历的24小时制时间或者公历日期,若表示日期则也可包含时间和时区。- 该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
- 此元素意在以机器可读的格式表示日期和时间。有安排日程表功能的应用可以利用这一点。注意:如果给定的日期不是正常日期或者在公历中最早的日期之前,请不要使用此元素。
内容分类 | flow content,段落内容元素 |
可包含内容 | 段落内容元素,但不能包含子time 元素。 |
标签可省略? | 起止标签均不能省略。 |
允许的父元素 | 任何接受 段落内容元素 的元素。 |
标准文档 | HTML5, section 4.6.10 |
HTML 4.01 与 HTML 5 之间的差异
<time>
标签是 HTML 5 中的新标签。
属性
New:HTML5 中的新属性。
像所有其他元素一样,此元素拥有可以使用通用属性。
datetime该属性表示此元素的时间和日期,并且属性值必须是一个有效的日期格式,并可包含时间。如果此值不能被解析为日期,元素不会有一个关联的时间戳。如果未定义该属性,则必须在元素的内容中规定日期或时间。
全局属性
<time>
标签支持HTML 的全局属性。
事件属性
<time>
标签支持HTML 的事件属性。
例子
如何定义时间和日期:
<p>we open at <time>10:00</time> every morning.</p> <p>i have a date on <time datetime="2008-02-14">valentines day</time>.</p>
we open at every morning.
i have a date on .
<p>the concert starts at <time>20:00</time>.</p>
上面的HTML会显示:
the concert starts at .
pubdate
示例
<article> <p>this article was created on <time pubdate>2011-01-28</time>.</p> </article>
上面的HTML会显示:
this article was created on .
datetime
示例
<p>the concert took place on <time datetime="2001-05-15 19:00">may 15</time>.</p>
上面的HTML会显示:
the concert took place on .