6

Gostaria de saber sobre a criação e a manipulação de atributos no html que são criados. Nós temos os atributos já conhecidos como o id, class, etc. que colocamos nas tags para podermos manipulá-las. Fui em busca de outras alternativas de nomes, que pudessem me atender nesse fim. Vi o "data-" que após o mesmo pode-se colocar o nome que desejar (me corrijam se estiver errado aqui) e fazer tal manipulação através desse atributo que veio com o html5. Após usar o "data-", verifiquei se eu poderia criar um atributo na tag com o nome que eu desejasse. O que fiz foi o seguinte:

<a href="#" data-grupo="13" numberlink="1" class="link" id="um">Link 1</a>

Quando fui no inspecionador de elemento e selecionei o elemento através do atributo:

$("a[data-grupo=13]");

Ele encontrou o elemento. Com isso entendi que eu posso criar esses atributos de tag de acordo com o meu desejo. Porém não sei se isso é uma boa prática, pois podem existir diferenças de atributos para atributos como é o exemplo de classe e id, no qual este só pode pertencer a um elemento e aquele a mais de um elemento.

Não consegui obter resposta nessas perguntas, não encontrei o que queria aqui no so:

Significados de atributos data-value, data-title, data-... em HTML

Usar os atributos unários de Tags HTML com valor atribuido

Atributo dir, html ou css

Eu posso nomear atributos de tags html de acordo com a minha vontade sem isso me gerar problemas (na manipulação ou qualquer outro uso das tags ou atributos)?

5
  • 1
    Suas perguntas costumam ser exemplares.
    – Maniero
    Commented 4/02/2016 às 14:09
  • tem algum problema delas serem assim? se tiver eu posso tentar mudar a maneira de perguntar :) Eu sempre tento testar primeiro, depois procuro aqui no so e na net, quando não acho nada que satisfaça minha dúvida eu pergunto aqui.
    – DiChrist
    Commented 4/02/2016 às 14:21
  • 3
    Tem, claro, mostra como as outras são piores :) Claro que sempre dá para melhorar, mas as suas não dá para melhorar muito, fazem tudo o que uma boa pergunta deve fazer. Parabéns!
    – Maniero
    Commented 4/02/2016 às 14:24
  • Relacionado: meta.pt.stackoverflow.com/questions/4829/… :D
    – gustavox
    Commented 4/02/2016 às 14:30
  • vlw bigown! obg!
    – DiChrist
    Commented 4/02/2016 às 14:48

1 Resposta 1

2

Sim e não: você não pode sair adicionado elementos imaginários como por exemplo meunovoatributo="xxxx" já que HTML considera válidos apenas uma série de atributo pré-definidos na especificação. Contudo data- foi adicionado ao HTML5 exatamente para você poder criar atributos conforme desejar, então é permitido jogar seus data-qualquercoisa a vontade pelo HTML.

O único problema que você poderia encontrar é colisão de um atributo data- seu com o de algum biblioteca externa, afinal nada impede que a biblioteca awesomechartlib.js que você está usando para fazer gráficos incríveis no seu app coloque data-chart em todas as tags, sendo que você mesmo pode estar usando esse data-chart com propósitos diferentes.

Quanto ao que significa um atributo ser "válido" em um tag, isso é referente a especificação do HTML. Como HTML é na verdade um subset (suconjunto) de XML a validação formal dele se dá por meio de um DTD (que é feito com base nesta especificação) onde é definido o que é esta estrutura "válida". Como apontando no comentário do @Haxz isso acaba sendo uma questão de semântica correta, na prática nada te impede de adicionar atributos aleatórios incorretos e dificilmente isto te traria problemas, seu HTML provavelmente vai renderizar naturalmente em todos os browsers e usos com javascript/jQuery ou outros seletores externos de elementos, parsers HTML/XML em quaisquer linguagens por exemplo, vão funcionar como se tudo estivesse correto.

2
  • 1
    BrunoRB, o que significa ser "considerado válido"? na minha pergunta consegui recuperar o atributo criado via jquery. Nesse caso ele não seria válido?
    – DiChrist
    Commented 4/02/2016 às 14:51
  • 3
    Acho que tá mais pra um "semanticamente válido"
    – VitorLuizC
    Commented 4/02/2016 às 15:56

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 .