“5分钟前” 看起来友好，但对排序、缓存、国际化、无障碍支持全是障碍。静态 HTML 必须靠机器可读的时间戳打底。

• datetime 属性值必须是 ISO 8601 格式（如 "2024-05-20T14:30:00Z"），不能写 "2024/05/20" 或 "昨天"
• 视觉上显示“5分钟前”可以，但得用 JS 动态计算并更新，HTML 里只留标准时间戳作为源数据
• 没 datetime 的 标签等于没写——浏览器不识别，爬虫忽略，日期排序功能直接失效

图片缩略图怎么写才不拖慢首屏且兼容暗色模式

论坛首页常带帖内图缩略图，但一张没优化的 img 就能让 LCP 崩盘，还可能在深色背景下白边刺眼。

• 必须加 loading="lazy"，否则滚动前就加载所有缩略图
• 强制指定 width 和 height（哪怕用 CSS 覆盖），防止布局抖动
• 用 srcset + sizes 适配不同屏幕，例如：
• 避免用 background-image 实现缩略图——它无法被右键保存、不进 alt 流程、暗色模式下无法通过 prefers-color-scheme 切换