HTML time 标签的作用与基本语义
time 标签的基本定义
在前端开发中，time 标签用于对时间信息进行语义标记。它不仅仅是文本显示，还向浏览器和辅助技术传递“这段文本涉及一个时间点或时间区间”的含义。通过使用 time 元素，开发者可以显式地区分“时间信息”和其他普通文本，从而提升结构化数据的可读性。
这个语义性有助于搜索引擎在抓取内容时，识别发布时间、事件时间等结构化信息，从而在搜索结果中展现富文本片段。可访问性也因此得到改善，因为屏幕阅读器能够识别 time 的存在，并读取它的文本与机器可读的 datetime 值。
时间表达的正确格式
time 标签的 datetime 属性提供机器可读的时间。建议采用 ISO 8601 格式，例如 YYYY-MM-DD 或带时区的 YYYY-MM-DDThh:mm:ss±hh:mm。
在页面中展示的文本可以是本地化的时间表示，但 datetime 值应保持标准化，以实现跨语言与跨时区的解析。
无障碍性与搜索引擎友好性
无障碍性与辅助技术的支持
在无障碍性方面，屏幕阅读器会读取 time 元素的文本，此处的文本通常应清晰表达时间的含义，避免歧义。结合 datetime 值，辅助技术还能提供更丰富的时间上下文。
如果页面使用了事件时间范围，请考虑使用 start 与 end 的信息，并通过 aria-describedby 提供额外说明，以帮助用户理解所标记的时间段。
SEO 与结构化数据的关系
time 标签本身就是一种结构化语义标记，有助于搜索引擎理解页面的时间信息。配合 JSON-LD 或其他结构化数据，可以进一步提升丰富片段的呈现机会。
在实现时，确保文本与 datetime 值一致，避免出现文本时间与机器可读时间不一致的情况，这对 信息一致性 与 用户信任 至关重要。
典型使用场景与实现要点
博客与新闻的发布时间
博客、文章和新闻通常需要清晰标记发布的时间，以帮助读者了解内容的新鲜度。使用 time 元素可以将发布时间以文本呈现，同时提供 datetime 值供机器解析。
展示时间的文本应简洁明了，避免重复信息；同时，datetime 属性应遵循 ISO 8601，并且可根据站点时区进行适配。
事件日历与日程的开始结束时间
对于活动日历，使用 time 标记来表示开始时间和结束时间。若是一个持续事件，可以使用两个 time 标签分别标记 开始时间 与 结束时间，并保持文本可读性。
在显示上，建议将时间点与描述文本配合，将 datetime 值隐藏在可机读层，同时让用户看到人类可读的时间文本。
动态内容中的时间戳与更新
对于动态内容，如新闻提要、用户活动最近更新等，时间戳的准确性尤为重要。time 标签可以随内容更新而改变，确保文本部分与 datetime 同步。
如果页面使用前端框架对时间进行本地化展示，务必保持两者的一致性，避免出现“文本时间”和“机器时间”不一致的情况，这会降低可信度。
实践示例与代码片段
静态时间标记的基础用法
下面的示例展示了一个简单的发布时间标记，具有清晰的文本描述和机器可读的 datetime 值：文本可读性与 机器可读性并存。
<p>本文首发于 <time datetime="2025-08-21T09:00:00+08:00">2025-08-21 09:00</time>，北京时间。</p>带时区与国际化的时间表示
在全球化场景中，包含 时区信息 的 datetime 值极其重要。下面的示例展示一个 UTC 时间的标记，便于跨地区解析：
<p>活动开始时间：<time datetime="2024-07-01T17:30:00Z">2024-07-01 17:30 UTC</time></p>