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 HTMLSignificados de atributos data-value, data-title, data-... em HTML
Usar os atributos unários de Tags HTML com valor atribuidoUsar os atributos unários de Tags HTML com valor atribuido
Atributo dir, html ou cssAtributo 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)?