标签必须带符合ISO 8601格式的datetime属性才具语义价值,内容仅面向用户,机器只解析datetime值;时区需显式声明,标签本身不支持本地化或动态更新。

标签不是“加个日期看起来更规范”的装饰,它只在带有效 datetime 属性时才产生语义价值;没这个属性,它和 没区别。
必须写 datetime 属性,且格式要严格符合 ISO 8601
浏览器、搜索引擎、读屏软件都靠 datetime 的值识别时间,不是靠标签里的中文文本。填错格式等于白写。
- ✅ 正确:
(日期型) - ✅ 正确:
(含时区的日期时间型) - ✅ 正确:
(持续时间) - ❌ 错误:
(斜杠分隔不合法) - ❌ 错误:
(缺零填充,应为2024-03-05) - ❌ 错误:
(datetime里不能塞解释性文字)
标签内容(text content)和 datetime 可以完全分离
你写在 和 之间的文字,只是给人看的,不影响机器解析。它可以是中文、英文、缩写、甚至图标文字,只要逻辑上和 datetime 对得上。
- 比如
是合法的——前提是上下文明确这是指 2024 年 4 月 5 日 - 再如
也没问题,但别写成datetime="早九点" - 注意:如果文本内容是纯数字格式(如
2024-04-05),又没写datetime,部分旧工具可能勉强识别,但不符合规范,不可依赖
别指望
是静态语义容器,不执行任何逻辑:
- 它不会把
2024-03-15自动转成“三月十五日”或“Friday, March 15”——那是Intl.DateTimeFormat或后端模板的事 - 它不支持动态更新,
不会随日期变化而变,“今天”只是固定文本 - 要做倒计时?必须用 JavaScript 定时更新 DOM,
只适合标记那个“截止时间点”,比如
最容易被忽略的一点:时区。如果你的 datetime 没带时区(如 2026-04-15T10:00:00),浏览器默认按本地时区解释,但搜索引擎和 API 可能按 UTC 处理,结果错位。显式写 +08:00 或 Z 才真正可控。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











