HTML Del Tag

Ao longo deste post, vamos discutir Tag del . Desejando que satisfizesse os requisitos para a aprendizagem.

A tag <del> em HTML é usada para indicar que o texto foi excluído ou removido de um documento. Quando usada, a tag <del> adiciona um efeito tachado ao texto que ela inclui, indicando que foi excluída.

O texto a seguir inclui uma parte excluída e uma nova parte inserida:

Example:

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>May Your favorite fruit is <del>Mango</del> <ins>apple</ins>!</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aplique CSS ao estilo <del> e <ins>:

Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<style>
del {background-color: tomato;}
ins {background-color: yellow;}
</style>
</head>
<body>
<p>Your favorite fruit is <del>Mango</del> <ins>apple</ins>!</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo da tag del com a função javascript:

Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>Deleted Text Example</title>
<style>
/* Style for deleted text */
del {
color: red;
text-decoration: line-through;
}
/* Style for the button */
button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<p>This sentence contains an error. <del id="del-text" datetime="2022-01-01T09:00:00">This part of the sentence is incorrect</del>, but this part is correct.</p>
<button onclick="showDeletedText()">Show Deleted Text</button>
<script>
function showDeletedText() {
var delText = document.getElementById("del-text");
delText.style.color = "black";
delText.style.textDecoration = "none";
}
</script>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exemplo de Explicação

Neste exemplo, o texto “Esta parte da frase está incorreta” é agrupado no elemento <del> e recebe um ID de “del-text” para que possa ser acessado com JavaScript. O texto também recebe um atributo de data e hora de “2022-01-01T09:00:00” para indicar quando foi excluído.

Índice-

HTML Del Tag:

Usos e Definição

A Tag del < del > indica texto retirado de um documento. O texto excluído geralmente é destacado com uma linha nos navegadores.

Conselho: Observe a tag <ins> para marcar o texto inserido quando se trata de Tag del.

Compatibilidade do navegador

Elemento
<del>	Sim	Sim	Sim	Sim	Sim

Atributos

Atributo	Valor	Visão geral
citar	URL	Indique uma URL para um documento que forneça informações sobre por que o texto foi excluído ou alterado.
data hora	AAAA-MM-DDThh:mm:ssTZD	Este atributo representava quando o texto foi excluído ou alterado.

Atributos Globais

A tag <del> é compatível com HTML Global Attributes .

Atributos do Evento

A tag <del> também acomoda atributos de evento HTML.

Configurações padrão de CSS

O elemento <del> normalmente será exibido com os seguintes valores padrão em muitos navegadores da web:

del {
text-decoration: line-through;
}

Vantagens do HTML Del Tag

A tag <del> em HTML tem várias vantagens que a tornam uma ferramenta útil para desenvolvedores e designers da Web. Aqui estão algumas das vantagens de usar a tag del:

A tag <del> pode ajudar a melhorar a clareza de um documento, indicando que determinado texto foi excluído ou removido. Isso pode ser particularmente útil em documentos jurídicos, contratos ou outros documentos em que precisão e clareza são importantes.
Ao usar a tag <del> para indicar o texto excluído, você pode ajudar a tornar seu conteúdo mais acessível para usuários com deficiências. Por exemplo, os usuários que dependem de leitores de tela podem ser informados de que determinado texto foi excluído, o que pode melhorar sua compreensão do conteúdo.
A tag <del> também pode ser usada para melhorar a otimização do mecanismo de busca (SEO) de uma página da web. Ao indicar que determinado texto foi excluído, você pode evitar o uso de estilo tachado ou outras dicas visuais que podem não ser tão claras para os mecanismos de pesquisa.
A tag <del> pode ser útil em ambientes colaborativos onde várias pessoas podem editar um documento. Ao indicar o texto excluído, pode ajudar a evitar confusões e mal-entendidos sobre quais alterações foram feitas no documento.

Se você achar este artigo significativo, compartilhe esse conhecimento valioso com seus amigos clicando nos links abaixo.

Nós valorizamos o seu feedback.

HTML Del Tag

Example:

Example:

Example:

Exemplo de Explicação

Usos e Definição

Compatibilidade do navegador

Atributos

Atributos Globais

Atributos do Evento

Configurações padrão de CSS

Vantagens do HTML Del Tag

Sentindo entediado?