应使用标签语义化标注更新时间，必须设置符合iso 8601标准的datetime属性（如2024-05-20或2024-05-20t14:30:00+08:00），显示文案可本地化，标签本身无样式且不影响布局。
用 <time></time> 标签语义化标注更新时间
HTML 里没有专门叫“更新时间”的标签，但 <time></time> 是唯一被标准认可、用于标记日期和时间的语义化元素。它不负责样式，只负责告诉浏览器和搜索引擎“这段文字是个时间点”，对 SEO 和屏幕阅读器友好。
关键不是加不加标签，而是加得对不对：datetime 属性必须存在，且格式要严格符合 ISO 8601（比如 2024-05-20 或 2024-05-20T14:30:00+08:00），否则等于白标。
常见错误写法：
-
<time>2024年5月20日</time>—— 缺少datetime，语义失效 -
<time datetime="2024/05/20">2024年5月20日</time>——datetime格式非法（斜杠不被识别） -
<span class="update-time">2024-05-20</span>—— 完全无语义，机器无法理解
datetime 属性怎么填才合法
浏览器只认 ISO 格式，datetime 的值不能自由发挥。显示文案可以本地化，但属性值必须是机器可解析的标准格式。
推荐写法：
- 仅日期：
<time datetime="2024-05-20">2024年5月20日</time> - 带时分秒（UTC+8）：
<time datetime="2024-05-20T14:30:00+08:00">2024年5月20日 14:30</time> - 相对模糊但可接受：
<time datetime="2024-W21">第21周</time>（ISO 周编号）
注意：2024-05-20 和 2024-05-20T00:00:00 在语义上不同——前者表示“整日”，后者表示“该日零点时刻”。更新时间建议用精确到秒的完整格式，避免歧义。
配合 CSS 控制显示样式很安全
<time></time> 默认没有特殊样式，和 <span></span> 一样是行内元素，完全靠 CSS 控制外观。不用担心它破坏现有布局。
常用样式控制方式：
- 统一字号/颜色：
time { font-size: 0.9em; color: #666; } - 加图标前缀：
time::before { content: "↻ "; } - 响应式隐藏（如移动端）：
@media (max-width: 768px) { time { display: none; } }
不要试图用 <small></small> 或 <em></em> 替代 <time></time>——它们表达的是强调或次要信息，不是时间语义。
后端渲染时别硬拼字符串
如果从 PHP/Python/Node.js 输出更新时间，直接拼 <time datetime="...">...</time> 很容易出错：时区没转、格式漏零、引号没转义。
更稳妥的做法：
- PHP：用
date('c', $timestamp)生成带时区的完整 ISO 字符串 - Python（Jinja2）：
<time datetime="{{ post.updated_at.isoformat() }}">{{ post.updated_at|strftime('%Y年%m月%d日') }}</time> - JavaScript（客户端）：
new Date().toISOString()生成标准格式，再塞进datetime
最常被忽略的一点：CMS 或静态站点生成器（如 Hugo、Hexo）通常自带时间函数，优先用它们内置的 dateFormat 类过滤器，而不是自己手写格式化逻辑——少一个 0 就会让 datetime 失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
