<s>

O elemento HTML <s> renderiza um texto tachado ou uma linha cortando o texto. Use o elemento <s> para representar texto que não sejam relevante ou que não estam corretos. Não é apropriado o uso do <s> indicar edições no texto; para indicar edições no texto utilize <del> e <ins> (en-US), que são elementos mais apropriados.

Experimente

Categorias de conteúdo Conteúdo fraseado ou conteúdo de fluxo.
Conteúdo permitido Conteúdo freaseado.
Omissão de Tag Nenhuma, as tags de abertura e de fechamento são obrigatórias.
Pais permitidos Qualquer elemento que aceite conteúdo fraseado.
Funções ARIA permitidas Todas
DOM interface HTMLElement (en-US)

Atributos

Esse atributo incluí atributos globais.

Note: Notas de implementação: Até Gecko 1.9.2 inclusive, Firefox implementa HTMLSpanElement para a interface deste elemento.

Exemplo

xml
<s>Hoje é um dia especial: Salmon</s> ESGOTADO<br>
<span style="text-decoration:line-through;">Hoje é um dia especial:
  Salmon</span> ESGOTADO

Resultado

Hoje é um dia especial: Salmão ESGOTADO Hoje é um dia especial: Salmão ESGOTADO

Preocupações com acessibilidade

A presença do elemento s não é anunciada pela maioria das tecnologias de leitura de tela em sua configuração padrão. Isso pode ser anunciado usando a propriedade CSS content, junto com os pseudoelementos ::before and ::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: " [início do texto utilizado] ";
}

s::after {
  content: " [fim do texto utilizado] ";
}

Algumas pessoas que usam leitores de tela que desativam deliberadamente o anúncio de conteúdo que criados com muita verbosidade. Por esse motivo, é importante não abusar dessa técnica e aplicá-la apenas nas situações em que o desconhecimento do conteúdo foi eliminado e que afetaria negativamente a compreensão.

Especificações

Specification
HTML Standard
# the-s-element

Compatibilidade com navegadores

BCD tables only load in the browser

Veja mais

  • O elemento <strike> (en-US), é o alter ego de <s> é obsoleto e não deve mais ser usado em sites.
  • Elemento <del> deve ser usado quando o conteúdo for deletado.
  • O CSS text-decoration-line (en-US) propriedade deve ser usada para alcançar o antigo aspecto visual do elemento <s>.