<s>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 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
<p><s>There will be a few tickets available at the box office tonight.</s></p> <p>SOLD OUT!</p> /* stylelint-disable-next-line block-no-empty */ s { } | 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
HTMLSpanElementpara 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 # the-s-element |
Compatibilidade com navegadores
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-linepropriedade deve ser usada para alcançar o antigo aspecto visual do elemento<s>.