O que é "data" em elementos HTML
2 participantes
Página 1 de 1
O que é "data" em elementos HTML
Pessoal, dando uma olhada nos códigos do fórum do IPB, notei algo que eu não tinha me deparado ainda! Trata-se do atributo data no html, vejam:
O que isso exatamente faz? Não tinha ouvido falar ainda..
Grato pela atenção!
- Código:
<a href="#" id="toggle_sidebar" title="" data-closed="«" data-open="×">×</a>
O que isso exatamente faz? Não tinha ouvido falar ainda..
Grato pela atenção!
Re: O que é "data" em elementos HTML
São pseudo atributos onde podemos selecioná-los através de CSS ou JavaScript como se fosse um atributo normal, mas é bem mais flexível e podemos utilizar o conteúdo para ser lido através do ::before ou ::after em conjunto com content
JS
JS
Re: O que é "data" em elementos HTML
Veja:
Isso é utilizado no intuito de guardar dados e poderá obtê-los puramente com JavaScript utilizando getAttribute ou com jQuery.
O atributo data-* pode ser usado para armazenar informações que estão em constante mudança, tal como os scores em um jogo.
O maior problema é que o Internet Explorer não suporta dataset e você precisará usar getAttribute(). O outro problema é que a performance para leitura de atributos data-* é bem mais lenta se comparada com o atributos comuns.
JS
- Código:
HTML:
<div data-number="10"></div>
CSS:
div[data-number]:after {
content: attr(data-number);
}
Isso é utilizado no intuito de guardar dados e poderá obtê-los puramente com JavaScript utilizando getAttribute ou com jQuery.
O atributo data-* pode ser usado para armazenar informações que estão em constante mudança, tal como os scores em um jogo.
O maior problema é que o Internet Explorer não suporta dataset e você precisará usar getAttribute(). O outro problema é que a performance para leitura de atributos data-* é bem mais lenta se comparada com o atributos comuns.
JS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|