不带 datetime 属性的 标签无机器可读性；datetime 必须严格符合 iso 8601 格式，如“2026-05-06”或“2026-05-06t21:14:00+08:00”，且须显式声明时区，否则解析不可控。
不带 datetime 属性的 <time></time> 标签没有机器可读性，对 SEO、屏幕阅读器和结构化数据提取基本无效——它只是个普通内联容器。
datetime 属性必须严格符合 ISO 8601 格式
浏览器和搜索引擎只解析 datetime 的字符串值，不校验也不容错。填错格式等于没写。
- ✅ 正确：
<time datetime="2026-05-06">今天</time>（纯日期，零填充） - ✅ 正确：
<time datetime="2026-05-06T21:14:00+08:00">现在</time>（含 T 分隔符 + 显式时区） - ✅ 正确：
<time datetime="PT2H30M">2小时30分钟</time>（持续时间，P 开头） - ❌ 错误：
<time datetime="2026/05/06">今天</time>（斜杠非法） - ❌ 错误：
<time datetime="2026-5-6">今天</time>（月/日缺零） - ❌ 错误：
<time datetime="2026-05-06 21:14">现在</time>（缺 T，缺时区）
显示文本和 datetime 值可以完全分离，但必须逻辑一致
标签内文字是给人看的，datetime 是给机器读的。二者不必字面相同，但不能自相矛盾。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- ✅ 合法：
<time datetime="2026-05-06">立夏</time>（前提是上下文明确指该日） - ✅ 合法：
<time datetime="2026-05-06T09:00:00+08:00">早九点</time> - ❌ 危险：
<time datetime="2026-05-06">下周三</time>（2026-05-06 是周二，非“下周三”） - ❌ 危险：
<time datetime="2026-05-06">昨天</time>（页面静态生成后，“昨天”会持续错位）
动态相对时间建议服务端输出绝对 datetime，前端用 Intl.DateTimeFormat 渲染文案，且不修改 datetime 值。
时区必须显式声明，否则解析结果不可控
不带时区的 datetime（如 "2026-05-06T10:00:00"）会被不同工具按不同规则解释：浏览器默认本地时区，Google 可能按 UTC 处理，导致时间偏移。
- ✅ 推荐：
<time datetime="2026-05-06T10:00:00+08:00">上午10点</time> - ✅ 推荐（UTC）：
<time datetime="2026-05-06T02:00:00Z">凌晨2点（UTC）</time> - ❌ 避免：
<time datetime="2026-05-06T10:00:00">上午10点</time>（无时区，语义模糊）
最易被忽略的是：即使你本地开发时看着“对”，一旦部署到 CDN 或被海外爬虫抓取，时区缺失就会引发实际时间错位。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
