<s>
<s>元素使用删除线来渲染文本。表示不再相关,或者不再准确的事情。但是当表示文档编辑时,不提倡使用<s>为此提倡使用<del>和<ins>元素。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有主流浏览器都支持<s>标签。 | ||||
示例
<s>today's special: salmon</s>sold out<br> <span style="text-decoration:line-through;">today's special: salmon</span> sold out
结果
today's special: salmon sold out
标签定义及使用说明
<s>标签对那些不正确、不准确或者没有用的文本进行标识。<s>标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本,请使用<del>标签。
| 内容分类 | 短语内容or流式内容 |
|---|---|
| 允许的内容 | 短语内容 |
| 标签省略 | 不允许,开始标签和结束标签都不能省略。 |
| 允许的父元素 | 任何接受短语内容的元素 |
| 允许的ARIA 角色 | 任意 |
| DOM 接口 | HTMLElement |
无障碍问题
大多数屏幕读取技术在其默认配置中不会宣布s元素的存在。它可以通过使用CSScontent属性以及::before和::after伪元素来声明。
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] ";
}
一些使用屏幕阅读器的人故意禁止发布会造成额外冗长的内容。因此,重要的是不要滥用这一技术,而只在不知道内容被删除的情况下应用它会对理解产生不利影响。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中,<s>元素已废弃,并且被用来给文本家删除线。
HTML5 重定义了<s>元素,现在是被用来定义那些不再正确的文本。
属性
这个元素仅仅包含全局属性
全局属性
<s>标签支持HTML 的全局属性。
事件属性
<s>标签支持HTML 的事件属性。
实例
标记不再正确的文本:
<p><s>my car is blue.</s></p> <p>my new car is silver.</p>





