<del> 表示真实删除并需搭配 <ins> 使用，支持 datetime 和 cite 属性；<s> 表示自然失效，无需替代内容，不支持上述属性；二者不可嵌套，禁用 CSS 隐藏删除线。
del 表示真实发生的删除动作，s 表示自然失效或不推荐
选错标签不会让页面崩，但会误导读屏器、搜索引擎和协作工具。比如电商原价写成 <s>¥299</s>，读屏器可能读作“已废弃：¥299”，用户会疑惑“这价格还能用吗？”；而写成 <del datetime="2024-03-15">¥299</del>，则明确传达“这个价格在 2024 年 3 月 15 日被正式替换”。<del> 必须对应一次真实编辑行为——有人动了文档、改了 API、修订了法律条文；<s> 则是内容自己“过期了”，比如停售商品、IE8 兼容性说明、旧版错误参数值，没人删它，它只是不再准确。
del 必须搭配 ins 使用才语义完整，s 不需要替代内容
<del> 单独出现是语义断裂的。HTML 规范没强制报错，但实际场景中，它几乎总是和 <ins> 成对出现，表达“删了什么、替换成什么”。例如法律修订：<del datetime="2026-03-21">第七条</del><ins datetime="2026-03-21">第八条</ins>。而 <s> 没这种要求，<s>XML 配置</s> 后面直接跟新方案或什么都不跟都行——它只负责说“这个不对了”，不承诺有新东西顶上。
datetime 和 cite 属性只能用在 del 上，加在 s 上会被校验器拒绝
<del> 支持 datetime 和 cite，这是它能做审计追踪的关键：datetime 必须是 ISO 8601 格式（如 "2024-03-15T14:22:00Z"），cite 必须是合法 URL（如 "https://example.com/dep-notice"）。错写成 datetime="2024/03/15" 或 cite="下线原因"，浏览器照常渲染，但读屏器和搜索引擎很可能跳过整段语义。<s> 完全不支持这两个属性，硬加上去不仅无效，W3C 校验器会报错，Hugo/Jekyll 等静态生成器在严格模式下甚至拒绝构建。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
别用 CSS 抹掉删除线，否则语义全丢
用 text-decoration: none 或 text-decoration: line-through solid transparent 去隐藏 <del> 或 <s> 的横线，等于把语义层直接撕掉。读屏器听不到“已删除”或“已废弃”的提示，SEO 失去内容变更信号，协作系统无法提取修改时间。如果真要控制样式，该用 text-decoration-color、text-decoration-thickness 等属性微调，而不是消灭它。最麻烦的是嵌套：<del><s>旧方案</s></del> 看似“双重强调”，实则语义冲突——既说“已被删除”，又说“只是过时”，机器没法判断你到底想表达什么。
立即学习“前端免费学习笔记（深入）”；
