time标签用于语义化表示日期时间，如<time datetime=”2024-05-10″>2024年5月10日</time>，支持具体时间、时区及结构化数据标记，提升可访问性与seo。
html中的time标签用于表示日期或时间，也可以表示两者。它是一个语义化标签，帮助浏览器和搜索引擎理解页面中的时间信息，对可访问性和SEO都有好处。
time标签的基本用法
最简单的用法是用datetime属性定义机器可读的时间格式，标签内容则是人类可读的显示文本。
例如：
<time datetime=”2024-05-10″>2024年5月10日</time>
这里datetime使用标准的yyYY-MM-DD格式，页面上显示的是中文日期。
立即学习“前端免费学习笔记（深入）”；
表示具体时间与日期时间组合
除了日期，time标签还能表示具体时间，甚至带有时区或UTC偏移。
表示时间：
<time datetime=”14:30″>下午2点30分</time>
表示完整的日期时间：
<time datetime=”2024-05-10T14:30:00″>2024年5月10日下午2点30分</time>
T是日期和时间的分隔符，遵循ISO 8601标准。
处理相对时间与事件时间
time标签也适合标记文章发布、活动开始等时间点，提升结构化数据识别能力。
例如：
<p>这场会议将于<time datetime=”2024-06-15″ pubdate>6月15日</time>举行。</p>
pubdate属性曾用于表示发布日期（html5早期），现在已废弃，但可用datetime配合其他语义元素实现相同目的。
常见应用场景
- 博客文章的发布时间：<time datetime=”2024-05-01″>5月1日发布</time>
- 活动日程安排：<time datetime=”2024-07-20T19:00″>7月20日晚上7点</time>
- 历史事件时间线：<time datetime=”1969-07-20″>阿波罗11号登月</time>
基本上就这些。合理使用time标签能让时间信息更清晰、更有结构，尤其对屏幕阅读器用户和搜索引擎很有帮助。不复杂但容易忽略。