Los atributos data-* en HTML5

Los  atributos data-* se utiliza para almacenar datos personalizados privados en la página o aplicación.

Los atributos data-* nos da la posibilidad de incorporar los datos de atributos personalizados en todos los elementos HTML.

Los datos almacenados (personalizadas) se pueden utilizar en JavaScript de la página para crear una experiencia de usuario más atractiva (sin llamadas Ajax o consultas de bases de datos en el servidor).

Los atributos data-* se componen de dos partes:

• El nombre del atributo no debe contener letras mayúsculas, y debe tener al menos un carácter de largo después de que el prefijo "data"
• El valor del atributo puede ser cualquier cadena

Nota: Los atributos personalizados prefijados con "data-*" será completamente ignorado por el analizador sintáctico del navegador.

http://www.pacoarce.com