HTML data- * atributos
Exemplos
Use data- * atributos para incorporar dados personalizados:
<Ul>
<Li-animal-tipo de dados = "pássaro"> Owl </ li>
<Li-animal-tipo de dados = "peixe"> Salmon </ li>
<Li-animal-tipo de dados = "aranha"> Tarantula </ li>
</ Ul>
<Li-animal-tipo de dados = "pássaro"> Owl </ li>
<Li-animal-tipo de dados = "peixe"> Salmon </ li>
<Li-animal-tipo de dados = "aranha"> Tarantula </ li>
</ Ul>
tente »
Suporte a navegadores
Todos os principais navegadores suportam atributos de dados *.
Definição e Uso
data- * atributo é usado para armazenar página privada depois de aplicar dados personalizados.
* de dados de atributos de dados pode ser incorporado em qualquer elemento HTML.
dados personalizados podem tornar a página ter uma melhor experiência interativa (sem necessidade de utilizar dados Ajax ou consulta para o servidor).
data- * atributo consiste em duas partes:
- Não inclua o nome da propriedade em letras maiúsculas, na data- deve ter pelo menos um personagem.
- Esta propriedade pode ser qualquer cadeia
Nota: atributo personalizado prefixo "de dados" será ignorada pelo cliente.
Diferenças entre HTML 4.01 e HTML5
HTML5 de dados * atributos são adicionados.
gramática
<Elemento de dados - * = "somevalue">
Valor de propriedade
valor | descrição |
---|---|
somevalue | valor de atributo especificado (a string) |
HTML Atributos globais