7

Estou desenvolvendo um sistema voltado para gestão de concursos públicos e preciso que o mesmo seja compatível com o maior número de dispositivos possíveis.

Em algumas situações foi necessário o uso de atributos personalizados, exemplo:

<span qtd='20'>Alguma coisa...</span>

Neste caso, eu pego o valor do qtd através do Jquery.attr() e utilizo como necessário, funciona bem nos navegadores mais modernos, mas a questão é:
É uma boa prática? Quais problemas posso ter em navegadores mais antigos?

4
  • Relacionado: w3.org/TR/2011/WD-html5-20110525/…
    – Woss
    Commented 17/03/2017 às 17:10
  • 3
    Na verdade, isso pode gerar problemas em navegadores mais novos, que ainda não existem. Isto é, se no futuro passar a existir um novo atributo HTML com o mesmo nome que você usou, vai dar problema. Por isso criaram o prefixo data- no HTML5.
    – bfavaretto
    Commented 17/03/2017 às 17:41
  • Bem observado @bfavaretto, exatamente
    – Miguel
    Commented 17/03/2017 às 20:04
  • Obrigado @bfavaretto, sempre vi esse prefixo mas nem fazia ideia de que era esse o motivo. Commented 20/03/2017 às 11:28

1 Resposta 1

12

Não é boa prática.

Para combater isso HTML5 trouxe-nos um meio de alcançares o que queres (atributos costumizados) chamam-se data-*, onde podes fazer data-blahblah e poupares-te a problemas que possam surgir, nesse caso poderias fazer :

<span data-qtd='20'>Alguma coisa...</span>

E para ir buscar o atributo com jQuery é só:

$('span').data('qtd'); // 20

No entanto, existem algumas coisas a ter em mente, como isto:

Se fizeres data-minha-qtd o DOM converte-te isto para:

minhaQtd

E poderias aceder assim:

$('span').data('minhaQtd');

Um apontamento de alguém que sabe mais do que eu

Que aponta para isto

Quanto a compatibilidades de atributos data e os navegadores mais antigos, suponho que não há problema, nem no IE6, testes que não foram realizados por mim mas acredito nesse colega do SO EN.

2
  • Muito obrigado @Miguel, esclareceu bastante pra mim. Abraço Commented 20/03/2017 às 11:29
  • De nada @edsonalves
    – Miguel
    Commented 20/03/2017 às 11:32

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .