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