HTML <time> 元素
HTML <time>
元素表示 24 小时制的时间或公历日历中的确切日期(可选)时间和时区信息)。
通过 <time>
定义时间和日期:
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在<time datetime="2016-02-14">情人节</time>有个约会。</p>
特性
内容类别 | 流式内容,短语内容,可触知内容。 |
---|---|
允许的内容 | 短语内容。 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受短语内容的元素。 |
允许的 ARIA 角色 | 任意 |
DOM 接口 | HTMLTimeElement |
属性
该元素包含了全局属性。
datetime
该属性表示元素的时间和日期,并且必须是具有可选时间的日期有效字符串。如果该值不能被解析为具有可选时间的日期字符串,则表示该元素没有关联的时间戳。
事件属性
<time>
元素支持 HTML 的事件属性。
使用注意
该元素用于以机器可读格式呈现日期和时间。例如,这可以帮助用户代理将事件添加到用户的日历。
这个元素不适用于不能计算出具体日期的情况,也不适用于公历日期之前的日期(源于计算这些日期的复杂情况)。
更多实例
<time>
的简单实例
使用 <p>音乐会从 <time>20:00</time> 开始。</p>
datetime
属性表示更具体的时间
使用 <p>音乐会在 <time datetime="2001-05-15T19:00">5 月 15 日</time>开始。</p>
规范
规范 | 状态 | 备注 |
---|---|---|
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>
元素,允许表示其他类型的值。