<s>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

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
# the-s-element

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
s

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

Veja mais

  • O elemento <strike>, é 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 propriedade deve ser usada para alcançar o antigo aspecto visual do elemento <s>.