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 os atributos de dados personalizados em 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.
Aplica-se a
O contextmenu atributo faz parte dos atributos globais , e pode ser usado em qualquer elemento HTML.
| Elemento | Atributo |
|---|---|
| Todos os elementos HTML | data-* |
Exemplo
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 " 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 |