<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>