<time>: 时间标签
最后更新:2026-10-13
<time>时间标签
表示机器可读的日期或时间,帮助搜索引擎和脚本准确解析时间。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 短语内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </time> 标签 |
| 状态 | 标准 |
📝 语法
<time datetime="2026-08-23">2026年8月23日</time>
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
datetime | 机器可读的日期/时间(如 2026-08-23T13:30)。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <time> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: 用 datetime 属性写标准格式(如 2026-08-23 或 2026-08-23T13:30);显示文字可自由排版。
❓ 常见问题
Qtime 标签有什么用?
A
<time> 用机器可读的 datetime 属性标注日期时间,标签内容写自然语言。例如 <time datetime='2026-10-09'>今天</time>——浏览器、搜索引擎、日历工具都能精确解析,对文章发布时间的 SEO 很有用。Qtime 的 datetime 属性格式是什么?
A合法格式包括日期
2026-10-09、日期加时间 2026-10-09T14:30、带时区 2026-10-09T14:30+08:00、年份 2026、时长 PT2H30M(均为 ISO 8601)。不写 datetime 属性时,标签内容本身必须是机器可读格式。Qtime 可以标注时间段吗?
A可以,用 ISO 8601 时长格式:
<time datetime='PT2H30M'>两个半小时</time> 表示 2 小时 30 分钟,datetime 值以 P 开头(Period)。适合课程时长、视频长度等场景。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。