Exemplo
Use a data-* atribuir a incorporar dados personalizado:
<ul>
<li data-animal-type="bird">Owl</li>
<li
data-animal-type="fish">Salmon</li>
<li
data-animal-type="spider">Tarantula</li>
</ul>
Tente você mesmo " Definição e Uso
A data-* atributos é usado para armazenar dados personalizados privada para a página ou aplicativo.
Os data-* atributos nos dá a capacidade de incorporar costume data atributos de todos os elementos HTML.
Os dados armazenados (personalizado) pode então ser usada na página de JavaScript para criar uma experiência de usuário mais atraente (sem qualquer chamadas Ajax ou consultas do banco de dados do lado do servidor).
Os data-* atributos consistem em duas partes:
- O nome do atributo não deve conter letras maiúsculas, e devem ter pelo menos um carácter muito tempo após o prefixo "data-"
- O valor do atributo pode ser qualquer cadeia
Nota: Os atributos personalizados prefixados com "data-" será completamente ignorado pelo agente do usuário.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9,6 |
Diferenças entre HTML 4.01 e HTML5
Os data-* atributos são novos no HTML5.
Sintaxe
<elementdata-*=" somevalue ">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| somevalue | Especifica o valor do atributo (como uma string) |
Páginas relacionadas
HTML Tutorial: atributos HTML
HTML DOM Referência: HTML DOM getAttribute() Método