标签是HTML5中专为日期和时间设计的语义化元素，需通过符合ISO 8601标准的datetime属性提供机器可解析的时间值，同时可自定义用户友好的显示内容；禁止省略datetime、使用模糊值或包裹非时间内容。

标签是 HTML5 中专为日期和时间内容设计的语义化元素，它让机器（如搜索引擎、屏幕阅读器、日历应用）能准确识别并理解页面中出现的时间信息，而不仅仅是普通文本。

正确使用 的关键是：既要显示用户友好的格式，又要通过 datetime 属性提供机器可解析的标准格式（ISO 8601）。

---

H3 使用 datetime 属性标注完整日期

元素必须配合 datetime 属性才能发挥语义化作用。该属性值需严格遵循 ISO 8601 标准，例如：

• 年月日：2024-07-15
• 带时分秒：2024-07-15T14:30:00
• 带时区：2024-07-15T14:30:00+08:00 或 2024-07-15T06:30:00Z

显示内容可以自由定制，比如：

文章发布于 7月15日

浏览器照常显示“7月15日”，但搜索引擎能从中提取出确切的 2024 年 7 月 15 日。

---

H3 处理相对时间或不完整日期

同样支持年份、月份、星期、时间等片段，只要 datetime 值合法：

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。

下载

• 仅年份：2024年
• 仅月份：2024年7月
• 仅星期几（需配合年月）：星期一
• 纯时间（无日期）：下午2:30

注意：不能只写 2024年 而不加 datetime 属性——那样就失去了语义价值，等同于普通 。

---

H3 避免常见误用

• 不要用 包裹非时间内容，比如“第3季度”“去年”“下周”——这些是相对描述，无法用 datetime 精确表达，应避免套用 。
• 不要省略 datetime 属性，否则语义丢失。
• 不要将 datetime 设为模糊值，例如 datetime="July 2024" 或 datetime="soon"——这些不是标准格式，解析器无法识别。
• 不要嵌套其他块级元素（如
  、

  ）在 内部；它只接受短语级内容（可含 、 等行内元素）。

  ---

  H3 结合微数据或 Schema.org 增强理解（可选进阶）

  如果网页需要被搜索引擎更深度理解（如文章发布时间用于富摘要），可在 外层添加结构化数据，例如：

  发布于 7月15日

  搭配 JSON-LD 或 Microdata，能让 Google 更可靠地提取时间信息。

  不复杂但容易忽略

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！