HTML 参考手册

HTML 标签大全

HTML: <time> 标签

HTML time 标签( <time>) 用来表示24小时制时间或者公历日期,若表示日期则也可包含时间和时区。 此元素意在以机器可读的格式表示日期和时间。 有安排日程表功能的应用可以利用这一点。

在线示例

如何定义时间和日期:

<!doctype html>
<html>
<head>
  <title>HTML5 time标签的使用(基础教程网 xxs100.com)</title>
  <meta charset="UTF-8">
</head>
<body>
<article>
  <h1>Heading for Article</h1>
  <p>Text that appears under article</p>
</article>
<footer>
  <p>This article was published on <time>2019-12-28</time>.</p>
  <p>Our business opens at <time>08:30</time>.</p>
</footer>
</body>
</html>
测试看看
在此HTML5文档示例中,我们创建了两个<time>标签-第一个<time>标签显示日期,第二个<time>标签显示以24小时制表示的时间。

浏览器兼容性

<time>支持的浏览器有:

IEFirefoxOperaChromeSafari

标签定义及使用说明

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

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

HTML 4.01 与 HTML5之间的差异

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

属性

New :HTML5 中的新属性。

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

全局属性

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

事件属性

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