s标签专用于标记曾准确但已失效、过时或不再适用的内容，适用于商品原价、停用功能、修订条款三类场景；不可用于主观质疑、无依据废弃、纯视觉划掉或法律正式删改。

s标签在HTML5中不是“删除线快捷键”，而是专用于表达一种语义状态变化：某段内容**曾经准确，但当前已失效、过时或不再适用**。用对了，能提升文档可读性、可访问性和后期维护性；用错了，反而造成混淆甚至合规风险。

明确s标签的核心语义边界

它只适用于以下三类典型场景：

• 商品页面中已调整的原价，如¥299 ¥199（强调“这个价格过去有效，现在作废”）
• 产品文档里被停用的功能名称，如一键同步备份（说明该功能已下线，但名称仍需保留供用户对照）
• 政策说明中被修订但需存档的条款，如第7.2条：响应时间≤24小时（暗示旧规失效，新版另见）

注意：它不表示“编辑者删掉了这段”，也不暗示“有替代内容”。如果需要体现“删什么+补什么”的完整变更过程，应改用与组合。

避免常见误用，守住语义清晰度

以下情况请勿使用：

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

• 用户评论中主观质疑某数据“不准”——这属于观点表达，不是客观状态变更
• 后台接口字段废弃但未说明原因——缺少“曾准确”的前提，语义链断裂
• 纯视觉划掉（如待办事项打钩后加线）——应交由CSS控制，例如text-decoration: line-through
• 法律条文修订稿中的正式删改——必须用配合，否则无法满足审计要求

增强可访问性与渲染效果的实际做法

浏览器默认渲染的删除线颜色浅、线细，在深色背景或小字号下几乎不可见，且屏幕阅读器通常不播报其语义。建议同步做两件事：

• 用CSS强化视觉表现：s { text-decoration: line-through; text-decoration-color: #d32f2f; text-decoration-thickness: 2px; }
• 在旁补充简明说明，例如¥199（已下架），或紧跟（自2026年3月21日起失效）

不支持cite或datetime属性，硬加会导致W3C校验失败，也影响静态站点生成器构建。

与del/ins协同保持结构连贯

当内容变更需要留痕、可追溯时，就该让位给更严谨的组合：

• 用旧参数名标记删除动作及依据
• 紧跟新参数名标明生效内容和时间
• 整行表格数据失效？不能包裹，须在每个内单独处理

  混用xxx会引发语义冲突：一个说“已被移除”，一个说“还在但不准了”，辅助技术可能重复播报或跳过关键信息。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！