HTML <time> 标签

HTML <time> 标签用于表示具体的或不确定的日期和时间。这个标签通常用于展示机器可读格式的时间,以便浏览器及搜索引擎能够更好地理解该内容。

基本语法

<time> 标签的基本结构如下:

<time datetime="YYYY-MM-DDTHH:MM:SS">具体时间</time>

其中,datetime 属性是必需的。它提供了机器可读的日期和时间格式。注意,此处使用的是 ISO 8601 扩展格式,即 YYYY-MM-DDTHH:MM:SS,其中:

  • YYYY 表示四位数年份
  • MM 表示两位数月份(01 - 12)
  • DD 表示两位数日期(01 - 31)
  • T 是分隔符,用于将日期与时间部分分开
  • HH 表示小时(00 - 23)
  • MM 表示分钟(00 - 59)
  • SS 表示秒(00 - 59)

使用场景

1. 发布或修改日期

可以使用 <time> 标签显示文章的发布或修改日期。例如:

<p>本文最后更新时间为: <time datetime="2022-12-31T23:59:59">2022年12月31日</time></p>

2. 显示事件发生的时间

可以使用 <time> 标签来表明一个具体事件发生的时间。例如:

<p>会议将于 <time datetime="2023-01-01T14:00">下午两点</time> 开始。</p>

3. 显示计划完成时间

可以使用 <time> 标签来表明一个任务或项目的计划完成时间。例如:

<p>该项目将于 <time datetime="2023-01-15">2023年1月15日</time> 前完成。</p>

浏览器支持

所有现代的主流浏览器都支持 <time> 标签,包括 Chrome、Firefox、Safari 和 Edge。因此,可以放心地在网页中使用它。