Tag HTML <ins>

Neste artigo, falaremos sobre exemplos de Tag ins . Desejando que satisfizesse os requisitos para a aprendizagem.

A tag HTML <ins> é usada para marcar o texto que foi inserido em um documento. Quando usado com os estilos CSS apropriados, pode ser usado para destacar conteúdo novo ou alterado de maneira visualmente distinta.

A tag <ins> possui os seguintes atributos:

  • cite: Especifica uma URL para a fonte do conteúdo inserido.
  • datetime: Especifica a data e hora em que o conteúdo foi inserido.

O texto a seguir contém uma parte excluída e uma nova parte inserida:

Example: 

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

Pode usar o seguinte código CSS para estilizar <ins> e <del> :

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<style>
del {background-color:red;}
ins {background-color: blue;}
</style>
</head>
<body>
<p>My favorite dish is <del> Beef Steak</del> <ins>Sushi</ins>!</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo da tag ins com data e hora:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>This is some text that has been <ins datetime="2022-01-01" cite="Mr Example">inserted</ins> into the document.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Uso de Tag Ins

Uma tag <ins> contém texto que foi inserido em um documento. O navegador geralmente sublinhará o texto adicionado.

Conselho: Você também pode usar a tag <del> para marcar o texto que foi excluído.

Atributos

Atributo Valor Visão geral
citar URL Forneça a URL de um documento descrevendo por que o texto foi alterado ou inserido.
data hora AAAA-MM-DDThh:mm:ssTZD Indica quando o texto foi inserido/alterado e quando foi atualizado pela última vez.

Atributos

Global

As tags ins <ins> também funcionam com os atributos globais do HTML .

Evento

As tags ins <ins> também funcionam com os atributos de evento do HTML.


Compatibilidade do navegador

Elemento
<ins> Sim Sim Sim Sim Sim

CSS predefinido

O elemento <ins> geralmente será apresentado com os seguintes valores padrão:

ins {
text-decoration: underline;
}

Vantagens da tag HTML <ins>

A tag HTML <ins> fornece várias vantagens, incluindo:

  • Usar a tag <ins> para indicar o conteúdo inserido pode ajudar a melhorar a acessibilidade para usuários com leitores de tela ou outras tecnologias assistivas. Ao marcar o conteúdo inserido com a tag <ins> , esses usuários podem identificar facilmente as alterações no documento.
  • Usar a tag <ins> para destacar o conteúdo novo ou alterado pode melhorar a legibilidade de um documento. Ao enfatizar visualmente o conteúdo inserido, os leitores podem identificar rapidamente alterações ou atualizações importantes.
  • Os mecanismos de pesquisa usam marcação semântica para entender melhor o conteúdo de uma página da web. Usar a tag <ins> para indicar o conteúdo inserido pode ajudar os mecanismos de pesquisa a entender melhor o contexto das alterações na página, melhorando potencialmente as classificações do mecanismo de pesquisa.
  • Ao trabalhar de forma colaborativa em um documento, usar a tag <ins> para indicar o conteúdo inserido pode ajudar os membros da equipe a identificar facilmente as alterações e manter-se atualizado sobre a versão mais recente do documento.
Se você gostou do conteúdo desta página, compartilhe com seus amigos clicando nos links 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