<time>：（日期）时间元素

尝试一下

<p>
  The Cure will be celebrating their 40th anniversary on
  <time datetime="2018-07-07">July 7</time> in London's Hyde Park.
</p>

<p>
  The concert starts at <time datetime="20:00">20:00</time> and you'll be able
  to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
</p>

time {
  font-weight: bold;
}

属性

与所有其他 HTML 元素类似，此元素支持全局属性。

datetime

该属性表示此元素的时间和/或日期，并且属性值必须符合下文所描述的格式。

使用说明

该元素用于以机器可读格式显示日期和时间。例如，它可以帮助用户代理将事件添加到用户的日历中。

在使用公历之前的日期时不应使用该元素（因为这些日期的计算比较复杂）。

日期时间值（机器可读的日期时间值）是该元素的 datetime 属性的值，必须采用正确的格式（见下文）。如果元素没有 datetime 属性，它就不能有任何元素后代，日期时间值就是元素的子文本内容。

有效的日期时间值

示例

简单示例

HTML

<p>演出于 <time datetime="2018-07-07T20:00:00">20:00</time> 开始。</p>

结果

datetime 示例

HTML

<p>演出于 <time datetime="2001-05-15T19:00">5 月 15 日</time>开始。</p>

结果

技术概要

规范

浏览器兼容性

参见

• <data> 元素，可用于表示其他类型的值。