HTML5 y los datos propios

Con HTML5 tenemos la posibilidad de poder añadir campos propios a los objetos DOM, además de los que ya estaban establecidos.

De esa manera

<span class="miClase" mipropiedad="mivalor">Texto del span</span>

tiene todo el sentido del mundo y habremos creado una propiedad llamada 'mipropiedad' dentro del nodo del span. El valor de dicha propiedad será 'mivalor'.

Esto cobra especial importancia cuando queremos utilizar esos valores por ejemplo desde javascript para realizar diferentes acciones en su función, o para poder enviar datos al servidor en las sucesivas peticiones a través de ajax.

Estos datos además se pueden manejar más facilmente a través de jQuery con la propiedad

$('#element').data('mipropiedad')

que deberemos declarar anteponiendo el texto data- al nombre de nuestra variable, de manera que quede de la siguiente manera:

<span class="miClase" data-mipropiedad="mivalor">Texto del span</span>