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

<time></time> 标签不是“加个日期看起来更规范”的装饰,它只在带有效 datetime 属性时才产生语义价值;没这个属性,它和 <span></span> 没区别。
必须写 datetime 属性,且格式要严格符合 ISO 8601
浏览器、搜索引擎、读屏软件都靠 datetime 的值识别时间,不是靠标签里的中文文本。填错格式等于白写。
- ✅ 正确:
<time datetime="2024-03-15">3月15日</time>(日期型) - ✅ 正确:
<time datetime="2024-03-15T14:30:00+08:00">下午2:30</time>(含时区的日期时间型) - ✅ 正确:
<time datetime="PT2H30M">2小时30分钟</time>(持续时间) - ❌ 错误:
<time datetime="2024/03/15">3月15日</time>(斜杠分隔不合法) - ❌ 错误:
<time datetime="2024-3-5">3月5日</time>(缺零填充,应为2024-03-05) - ❌ 错误:
<time datetime="2024-03-15 (周五)">3月15日(周五)</time>(datetime里不能塞解释性文字)
标签内容(text content)和 datetime 可以完全分离
你写在 <time></time> 和 之间的文字,只是给人看的,不影响机器解析。它可以是中文、英文、缩写、甚至图标文字,只要逻辑上和 datetime 对得上。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 比如
<time datetime="2024-04-05">清明节</time>是合法的——前提是上下文明确这是指 2024 年 4 月 5 日 - 再如
<time datetime="2024-04-05T09:00:00+08:00">早九点</time>也没问题,但别写成datetime="早九点" - 注意:如果文本内容是纯数字格式(如
2024-04-05),又没写datetime,部分旧工具可能勉强识别,但不符合规范,不可依赖
别指望
<time></time> 是静态语义容器,不执行任何逻辑:
立即学习“前端免费学习笔记(深入)”;
- 它不会把
2024-03-15自动转成“三月十五日”或“Friday, March 15”——那是Intl.DateTimeFormat或后端模板的事 - 它不支持动态更新,
<time datetime="2026-04-15">今天</time>不会随日期变化而变,“今天”只是固定文本 - 要做倒计时?必须用 JavaScript 定时更新 DOM,
<time></time>只适合标记那个“截止时间点”,比如<time datetime="2026-12-31T23:59:59+08:00">今年最后一天</time>
最容易被忽略的一点:时区。如果你的 datetime 没带时区(如 2026-04-15T10:00:00),浏览器默认按本地时区解释,但搜索引擎和 API 可能按 UTC 处理,结果错位。显式写 +08:00 或 Z 才真正可控。


















