<data>: O Elemento DATA
Última atualização: 2026-10-13
<data>O Elemento DATA
Associa texto visível a um valor legível por máquina, ex.: nome de produto mais seu preço ou código. O navegador mostra apenas o texto; scripts podem ler value.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </data> tag |
| Status | Padrão |
📝 Sintaxe
<data value="598">$598</data>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
value | The machine-readable value; the text is still shown as-is. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <data> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Para valores relacionados a tempo, prefira <time> em vez de <data> para melhor semântica.
❓ Perguntas Frequentes
QPara que serve a tag data?
A
<data> vincula «o conteúdo legível por pessoas» ao «valor legível por máquinas»: o conteúdo fica dentro da tag e o valor de máquina no atributo value. Por exemplo, <data value='20261009'>9 de outubro</data> — scripts e rastreadores recebem o valor normalizado.QQual é a diferença entre data e time?
ADivisão clara: datas e horas usam
<time> (o formato de datetime é restringido pelo ISO 8601); qualquer outro dado (números de série, quantidades, coordenadas, IDs) usa <data>, com value de formato livre. Ambos realizam a «separação entre exibição e dado».QO atributo value de data é obrigatório?
ASim. Sem value,
<data> perde a razão de existir (a especificação exige value); em cenários de texto puro, escreva o texto direto. Se precisar de leitura por máquina sem um value adequado, considere campos ocultos ou atributos personalizados data-*.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
