Qual a diferença entre a tag <del> e <s>?

Vi sobre as tags <del> e <s>, dizem que uma é para ser usada em textos/frases não relevantes e outra para “deletar” parte do texto, porém ao utilizar ambas as tags o efeito é o mesmo (uma linha riscando a frase) . Qual a diferença? Muda algo eu utilizar uma ou outra?

Exemplo: Frase riscada

Como muitas coisas no html, a diferença é teoricamente de semântica (significado) dessas tags.

O elemento del deveria representar um trecho de texto que foi removido de um texto (pense numa ferramenta de revisão de texto, em que trechos marcados para remoção são riscados e marcados com marca-texto), Inclusive, o del tem uma tag “oposta”, a <ins>, que indica partes adicionadas ao texto. Já o s simplesmente indica que o texto foi riscado (o que pode ser interpretado como remoção, mas não é a ideia semântica dele).

Na prática, porém, o resultado visual é basicamente o mesmo. Note que, para o del, a renderização padrão do navegador não só risca o texto, mas também mudar a cor de fundo. Mas isso pode ser obtido para o s via css, então não é uma diferença tão significativa.

Se é só curiosidade, dẽ uma procurada sobre del vs s tag. Se você está diante de uma situação em que precisa optar por uma ou outra (e a cor de fundo do del não atrapalha), atualmente tanto faz, então escolha a que achar melhor. Por simplicidade, eu recomendo usar s.

Abraço.

1 curtida