<s>：删除线元素

基线广泛可用

此功能已得到良好确立，可在许多设备和浏览器版本中运行。它自以下日期起在浏览器中可用： 2015 年 7 月.

<s> HTML 元素以删除线（或贯穿线）呈现文本。使用 <s> 元素表示不再相关或不再准确的内容。但是，当指示文档编辑时，<s> 不适用；为此，请根据需要使用 <del> 和 <ins> 元素。

试一试

属性

此元素仅包含全局属性。

无障碍访问

大多数屏幕阅读器技术在其默认配置中不会宣布 s 元素的存在。可以通过使用 CSS content 属性以及 ::before 和 ::after 伪元素来使其宣布。

css

s::before,
s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

s::before {
  content: " [start of stricken text] ";
}

s::after {
  content: " [end of stricken text] ";
}

一些使用屏幕阅读器的人会故意禁用宣布产生额外冗长的内容的功能。因此，务必不要滥用此技术，仅在不知道内容被删除会对理解造成不利影响的情况下使用。

示例

css

.sold-out {
  text-decoration: line-through;
}

html

<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT

结果

技术摘要

内容类别	短语内容，流内容。
允许的内容	短语内容.
标签省略	无，起始和结束标签都是必需的。
允许的父元素	任何接受短语内容的元素。
隐式 ARIA 角色	`删除`
允许的 ARIA 角色	任何
DOM 接口	`HTMLElement`

规范

规范
HTML 标准 # the-s-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

<strike> 元素（<s> 元素的另一个化身）已过时，不应再在网站上使用。
如果数据已被删除，则应使用<del> 元素。
应使用 CSS text-decoration-line 属性来实现 <s> 元素以前的可视外观。