Html data

Postado: 29 de junho de 2022

Html data

A tag <data> é usada para adicionar uma tradução legível por máquina de um determinado conteúdo.

Esse elemento fornece um valor legível por máquina para processadores de dados e um valor legível por humanos para renderização em um navegador.

Veja o exemplo no código abaixo

Veja que os nomes de produtos, associa cada nome a um número de produto:

<h2>Produtos</h2>
<ul>
  <li><data value="2130">Botas</data></li>
  <li><data value="2131">Tênis</data></li>
  <li><data value="2132">Sapatos</data></li>
</ul>

Atributos

Atributos: Esta tag aceita um único atributo conforme mencionado acima e descrito abaixo.

  • value: contém uma única tradução legível por máquina do conteúdo.

Observação: se o conteúdo for relacionado a data ou hora, use o elemento <time> em vez do elemento data.

Conclusão html data

A tag html <data> pode ser útil nos casos em que os dados devem estar em um formato específico necessário para executar scripts, mas você não deseja que seus usuários vejam esse formato. 

Por exemplo, você deseja exibir uma lista de produtos para seus usuários escolherem. Cada produto tem seu ID, mas você não deseja mostrar essas informações aos seus usuários. Em seguida, você coloca os IDs do produto na tag <data>, e a máquina processará essas informações e mostrará aos usuários o produto com o ID correspondente.

Publicado por: loopnerd

85 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados