• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <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
    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>

    上篇:<rtc>

    下篇:<del>