time标签的核心作用是关联人类可读时间文本与iso 8601机器可读格式，支持搜索引擎、屏幕阅读器等准确解析；需用datetime属性严格遵循yyyy-mm-dd、hh:mm±hh:mm或yyyy-mm-ddthh:mm:ss±hh:mm等格式，禁止省略前导零、t分隔符或错误时区。
time 标签的核心作用，是把人类可读的日期/时间文本，和机器可读的标准化格式（ISO 8601）关联起来，让搜索引擎、屏幕阅读器、日历应用等能准确理解并处理。
基础用法：用 datetime 属性提供标准格式
显示内容写在标签内（如“2024年10月5日”），机器可读值通过 datetime 属性给出，必须是 ISO 8601 格式：
- 日期：YYYY-MM-DD（如
datetime="2024-10-05"） - 时间：HH:MM 或 HH:MM:SS（需带时区，如
datetime="14:30"默认本地时间；推荐显式写datetime="14:30+08:00"） - 日期 + 时间：YYYY-MM-DDTHH:MM:SS±HH:MM（如
datetime="2024-10-05T14:30:00+08:00"）
示例：
支持的 ISO 格式细节要写准
浏览器和爬虫对 datetime 值校验较严格，常见易错点：
- 年份必须 4 位（
"24-10-05"❌，"2024-10-05"✅） - 月份和日期必须补零（
"2024-1-5"❌，"2024-01-05"✅） - 时间中的
T是必需分隔符（"2024-10-05 14:30"❌，"2024-10-05T14:30"✅） - 省略时区时，按本地时间解析；若需明确 UTC，写
"Z"（如"2024-10-05T06:30:00Z"）
可读性与语义兼顾的实际写法
不必牺牲用户体验——显示文字可以自然、本地化，只要 datetime 属性保持标准即可：
- 写成 “昨天下午三点”，但
datetime="2024-10-04T15:00+08:00" - 写成 “下周二”，配合
datetime="2024-10-08" - 甚至纯图标或省略文字：
<time datetime="2024-10-05"></time>（仍具语义，适合 CSS 配合伪元素显示）
不适用场景要避开
time 不是万能时间容器：
- 不表示持续时间（如“2小时”），该用
<span></span>+ ARIA 或自定义属性 - 不表示模糊时间（如“明朝”“石器时代”），缺乏 ISO 对应值，语义不成立
- 不替代 JavaScript 动态渲染的时间（如实时倒计时），因为 datetime 是静态属性，不会自动更新
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
