Atributo data-* do HTML
- Página anterior contextmenu
- Próxima página dir
- Voltar à página anterior Atributos Globais HTML
Definição e uso
data-*
O atributo é usado para armazenar dados personalizados privados da página ou do aplicativo.
data-*
O atributo nos dá a capacidade de injetar atributos data personalizados em todos os elementos HTML.
Os dados armazenados (personalizados) podem ser utilizados no JavaScript da página para criar uma experiência de usuário melhor (sem chamadas Ajax ou consultas em bancos de dados do servidor).
data-*
O atributo consiste em duas partes:
- O nome do atributo não deve conter letras maiúsculas e deve haver pelo menos um caractere após o prefixo "data-"
- O valor do atributo pode ser qualquer string
Anotação: o agente de usuário ignorará completamente os atributos personalizados com prefixo "data-".
Veja também:
Tutorial de HTML:Atributos do HTML
Manual de Referência do DOM HTML:Método getAttribute() do DOM HTML
Exemplo
Incorpore dados personalizados usando atributos data-*:
<ul> <li data-animal-type="鸟类">鹊喜鹊</li> <li data-animal-type="鱼类">Tuna</li> <li data-animal-type="蜘蛛">Ferramenta de vaga-lume</li> </ul>
Sintaxe
<element data-*="somevalue">
Valor do atributo
Valor | Descrição |
---|---|
somevalue | Define o valor do atributo (como string). |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou a primeira vez o atributo.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
- Página anterior contextmenu
- Próxima página dir
- Voltar à página anterior Atributos Globais HTML