HTML <time> 元素

HTML <time> 元素表示 24 小时制的时间或公历日历中的确切日期(可选)时间和时区信息)。

通过 <time> 定义时间和日期:

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>

<p>我在<time datetime="2016-02-14">情人节</time>有个约会。</p>

尝试一下 »

截图

通过 <time> 定义时间和日期

特性

内容类别 流式内容短语内容可触知内容
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLTimeElement

属性

该元素包含了全局属性

datetime

该属性表示元素的时间和日期,并且必须是具有可选时间的日期有效字符串。如果该值不能被解析为具有可选时间的日期字符串,则表示该元素没有关联的时间戳。

事件属性

<time> 元素支持 HTML 的事件属性

使用注意

该元素用于以机器可读格式呈现日期和时间。例如,这可以帮助用户代理将事件添加到用户的日历。

这个元素不适用于不能计算出具体日期的情况,也不适用于公历日期之前的日期(源于计算这些日期的复杂情况)。

更多实例

使用 <time> 的简单实例

<p>音乐会从 <time>20:00</time> 开始。</p>

尝试一下 »

截图

使用 <time> 的简单实例

使用 datetime 属性表示更具体的时间

<p>音乐会在 <time datetime="2001-05-15T19:00">5 月 15 日</time>开始。</p>

尝试一下 »

截图

使用 datetime 属性表示更具体的时间

规范

规范 状态 备注
HTML Living Standard
<time> 的定义
现行的标准 自从 HTML 5.1 以来没有改变
HTML 5.1
<time> 的定义
推荐 自从 HTML5 以来没有改变
HTML5
<time> 的定义
推荐 初始定义。

HTML 4.01 与 HTML5 之间的差异

<time> 元素是 HTML5 中的新元素。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 62 支持 22 不支持

49

11.5 — 12

7
datetime 62 支持 22 不支持

49

11.5 — 12

7

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 62 62 支持 22 不支持

49

11.5 — 12

4
datetime 62 62 支持 22 不支持

49

11.5 — 12

4

相关链接

  • <data> 元素,允许表示其他类型的值。