HTML <time> 标签 详解
HTML基础 2022-06-02 09:43:55小码哥的IT人生shichen
HTML <time> 标签
实例
如何定义时间和日期：
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>完整实例【亲自试一试】：
<!DOCTYPE HTML>
<html>
<body>
<p>
我们在每天早上 <time>9:00</time> 开始营业。
</p>
<p>
我在 <time datetime="2010-02-14">情人节</time> 有个约会。
</p>
</body>
</html>可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <time> | 62.0 | 18.0 | 22.0 | 7.0 | 49.0 |
浏览器支持
目前所有主流浏览器都不支持 <time> 标签。
HTML 4.01 与 HTML 5 之间的差异
<time> 标签是 HTML 5 中的新标签。
属性
new : HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| datetime | datetime | 规定日期 / 时间。否则，由元素的内容给定日期 / 时间。 |
| pubdate | pubdate | 指示 <time> 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期。 |
全局属性
<time> 标签支持 HTML 中的全局属性。
事件属性
<time> 标签支持 HTML 中的事件属性。
相关页面
HTML DOM 参考手册：Time 对象
