1
resposta

Uso do atributo "data-" no html do corpo da tabela

Até hoje eu utilizava o ID da tag html, suas classes ou, no pior caso, as próprias tags html ("table tbody") para fazer a captura desses objetos no JS através do document.querySelector. Essa nova abordagem de colocar no tbody o "data-alguma-coisa", é simplesmente para separar o mundo JS do CSS/Html ou tem alguma outra função?

1 resposta

Fazendo uma pesquisa na documentação da W3C. Encontramos o seguinte texto https://www.w3schools.com/tags/att_global_data.asp

De maneira geral os data-attr não influenciam no CSS, isto é, se você precisa de um identificador de classe de dados que não terá uso algum no CSS, o melhor é usar o data-attr e não classes CSS.

Edição: Acerca de ID vs DATA-ATTR -> Se a intenção for a simples identificação do exato elemento, eu acho melhor utilizar o ID.

NOTA: SOU ALUNO, NÃO PROFESSOR, ENTÃO ESTOU APENAS PASSANDO O QUE EU ACHO ESTAR CORRETO. =)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software