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
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)?