Tag HTML <dados>

Neste artigo, abordaremos Data Tag . Com o objetivo de atender aos requisitos de aprendizagem.

A tag HTML <data> é usada para definir dados legíveis por máquina em um documento HTML. A tag pode ser usada para fornecer informações adicionais ou contexto sobre o conteúdo de uma página da Web que pode ser lida e processada por máquinas, como mecanismos de pesquisa ou rastreadores da Web.

Aqui está um exemplo que mostra os nomes dos produtos e também os associa a um número de produto:

Example

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
<ul>
<li><data value="3193">Designers</data></li>
<li><data value="76404">Developers</data></li>
<li><data value="86139">Managers</data></li>
</ul>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo que mostra o funcionamento da tag HTML <data> :

Example: 

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><br><br><h1>My favorite books</h1><br><ul><br><li>The Catcher in the Rye</li><br><li>The Great Gatsby</li><br><li><data value="1984">Nineteen Eighty-Four</data></li><br><li>To Kill a Mockingbird</li><br></ul><br><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX



Usos e Definição

Data Tag < data > permite que o usuário insira uma tradução legível por máquina de um determinado conteúdo.

Além de fornecer um valor legível por máquina para processadores de dados , esse elemento fornece um valor legível por humanos para visualização em um navegador da web.

Conselho: Quando o conteúdo for referente a hora ou data, insira o elemento <data> no lugar.

Compatibilidade do navegador

Elemento
<dados> 62,0 13,0 22,0 Não suportado 49,0

Atributos

Atributo Valor Visão geral
valor formato legível por máquina Este atributo identifica a tradução legível por máquina do conteúdo do elemento.

Atributos Globais

O corpo da Tag <body> também usa os Atributos Globais em HTML.


Vantagens da tag HTML <data>

A tag HTML <data> tem várias vantagens quando usada no desenvolvimento web:

  • A tag <data> fornece uma maneira de marcar dados semanticamente em um documento HTML. Isso pode melhorar a acessibilidade e compreensão do documento para humanos e máquinas.
  • A tag <data> permite que os desenvolvedores definam dados que podem ser facilmente lidos e processados ​​por máquinas, como mecanismos de pesquisa ou rastreadores da web. Isso pode ajudar a melhorar a capacidade de pesquisa e descoberta do conteúdo da web.
  • A tag <data> pode ser usada para fornecer informações adicionais ou contexto sobre o conteúdo de uma página da Web, o que pode ajudar a melhorar a acessibilidade do conteúdo para usuários com deficiências.
  • A tag <data> pode ser usada em conjunto com JavaScript para atualizar dinamicamente os dados dentro da tag em resposta a interações do usuário ou outros eventos. Isso pode ser útil para criar aplicativos da Web interativos e dinâmicos.
  • Ao definir os dados usando a tag <data> , os desenvolvedores podem separar o conteúdo da apresentação, facilitando a manutenção e atualização dos dados em uma página da Web sem afetar seu estilo ou layout.
Se este artigo de alguma forma o beneficiou para atingir nosso objetivo educacional, compartilhe-o com seus amigos clicando nos links abaixo.

Nós valorizamos o seu feedback.
+1
0
+1
1
+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