<time> 标签定义公历的日期或者时间(24 小时制),时间和时区偏移是可选的。<time>标签在所有浏览器中不会渲染任何特殊的效果。为什么要使用?因为世界上有许多种书写日期的格式,但是这些不同的格式不容易被电脑识别 — 假如你想自动抓取页面上所有事件的日期并将它们插入到日历中, <time> 元素允许你附上清晰的、可被机器识别的 时间/日期来实现这种需求。
为标签内的内容指定日期或者时间
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>规定日期或时间案例-HTML教程www.xuandaima.com</title> </head> <body> <p>我上午<time>9:00</time>上班。</p> <p>标准简单日期:<time datetime="2016-01-20">20 January 2016</time></p> <p>含有市区偏移值的日期时间:<time datetime="2016-01-20T19:30+01:00">7.30pm, 20 January 2016 is 8.30pm in France</time></p> <p>只包含年份和月份:<time datetime="2016-01">January 2016</time></p> <p>只包含月份和日期:<time datetime="01-20">20 January</time></p> <p>还可包含秒和毫秒:<time datetime="19:30:01.856">19:30:01.856</time></p> <p>日期和时间:<time datetime="2016-01-20T19:30">7.30pm, 20 January 2016</time></p> <p>调用特定的周:<time datetime="2016-W04">The fourth week of 2016</time></p> <p>年月日:<time datetime="2022-11-23">2022年11月23日</time></p> </body> </html>
<time>内容</time>
属性 | 值 | 描述 |
---|---|---|
datetime![]() | datetime | 规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。 |
pubdate | datetime | (该属性仍在被 WHATWG 和 W3C 组织设计和讨论中。) 指示 <time> 元素中的日期 / 时间是文档(或最近的前辈 <article> 元素)的发布日期 |
<time>标签支持HTML 全局属性
<time>标签支持HTML 事件属性