Categories: HTML5新元素

HTML time标签 | HTML5教程:HTML5 新元素

返回到:HTML5教程:HTML5 新元素

浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

元素谷歌IE火狐苹果opera
<time>6.09.04.05.011.1

标签定义及使用说明

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

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

HTML 4.01 与 HTML5之间的差异

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

属性

HTML5 中的新属性。

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

全局属性

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

事件属性

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

实例

如何定义时间和日期:

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
 
<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

9 小时 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

1 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago