Desde HTML5, todos los navegadores aceptan un atributo particular para poder guardar datos dentro del html. Para eso se utiliza el atributo data. Su sintaxis es la siguiente

<p id="parrafo" data-nombre="Alejo Vilches">Alejo Vilches</p>

Como podes ver, el atributo data se inicializa con “data-” pero luego del guion un puede agregarle cualquier nombre, aunque lo recomendable es que se agregue información sobre justamente el dato. Y despues a ese dato se le puede asignar un valor.

Podes usar el metodo dataset de JavaScript para poder acceder y modificar estos datos.