<strike> Tag em Html

Nesta postagem, vamos nos concentrar na tag <strike> com exemplos , esperando que ela forneça o conteúdo educacional necessário.

A tag <strike> é um elemento HTML usado para indicar que o texto deve ser riscado ou mostrado como se tivesse sido excluído. Quando a tag <strike> é usada, o texto dentro da tag será renderizado com uma linha no meio.



Por que a HTML Strike Tag foi preterida?

A tag HTML <strike> foi obsoleta no HTML5 porque é considerada um elemento de apresentação, o que significa que é usada apenas para fins de estilo e não fornece nenhum significado semântico ao conteúdo.

No desenvolvimento da web moderno, há uma forte ênfase em separar o conteúdo da apresentação, e o uso de elementos de apresentação como <strike> pode dificultar a manutenção e atualização das páginas da web ao longo do tempo. Além disso, os elementos de apresentação podem tornar mais difícil para as tecnologias assistivas, como leitores de tela, interpretar e transmitir o conteúdo para usuários com deficiências.

No lugar da tag <strike> , o HTML5 recomenda o uso da tag <s> ou da tag <del> para indicar que o texto foi riscado. Essas tags são consideradas mais semânticas e fornecem informações adicionais sobre o significado e a finalidade do conteúdo que contêm.

A tag <s> é usada para indicar que o conteúdo não é mais preciso ou relevante, enquanto a tag <del> é usada para indicar que o conteúdo foi excluído ou removido. Ao usar essas tags em vez de <strike> , os desenvolvedores da Web podem criar páginas da Web mais acessíveis e fáceis de manter, mais fáceis de entender e atualizar.


Usos da tag <strike>

Aqui estão alguns casos de uso comuns para a tag <strike> :

Quando o conteúdo foi removido de uma página da Web, a tag <strike> pode ser usada para indicar que foi excluído. Isso pode ser útil para indicar que o conteúdo foi atualizado ou revisado.

Se o conteúdo de uma página da Web não for mais preciso ou relevante, a tag <strike> poderá ser usada para indicar que está desatualizado. Isso pode ser útil para evitar que os usuários confiem em informações desatualizadas.

Em alguns casos, a tag <strike> pode ser usada para enfatizar o conteúdo negativo. Por exemplo, pode ser usado para indicar que um produto ou serviço não está mais disponível ou para chamar a atenção para uma crítica ou comentário negativo.


Substituição de tag <strike>

Implemente a tag <del> para definir o texto excluído:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>My favorite dish is <del>Steak</del> <ins>Sushi</ins>!</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Se você quiser marcar o texto que foi alterado, inclua a tag <s>:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>It was previously thought that <s>plants do not have the ability to feel pain</s> , but recent studies have shown otherwise.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

O CSS também pode ser aplicado às tags <del> e <s> :

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<style>
del{
color: maroon;
font-size: 15px;
}
s{
color: blue;
font-size: 12px;
}
</style>
</head>
<body>
<p>My favorite dish is <del>Steak</del> <ins>Sushi</ins>!</p>
<p>It was previously thought that <s>plants do not have the ability to feel pain</s> , but recent studies have shown otherwise.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Tag <del> vs <strike>

As tags <del> e <strike> são usadas para indicar que o texto deve ser exibido com uma linha no meio. No entanto, existem algumas diferenças importantes entre as duas tags que devem ser consideradas ao escolher qual usar.

  • A tag <del> é usada para indicar que o conteúdo foi excluído ou removido, enquanto a tag <strike> não fornece nenhum significado semântico específico. Isso significa que usar a tag <del> pode fornecer mais contexto sobre a finalidade do texto riscado.
  • A tag <del> é recomendada pelas Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) mrexamples para indicar o conteúdo excluído de uma forma mais acessível para usuários com deficiências. Isso ocorre porque a tag <del> tem um significado semântico específico que pode ser transmitido aos usuários com leitores de tela, enquanto a tag <strike> não.
  • A tag <strike> foi obsoleta no HTML5, o que significa que não é mais recomendada para uso em novos projetos de desenvolvimento web. Em vez disso, a especificação HTML5 recomenda usar a tag <s> ou a tag <del> para obter o mesmo efeito.
Forneça-nos seus comentários sobre este site, deixando uma reação abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone