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。因此,可以放心地在网页中使用它。