Demo: Que son los atributos data-toggle, data-set, etc. en HTML5

Manipulando nuestro atributo con Javascript:

data-gastronomia="Mexicana" (Atributo actual, por defecto)
"Has click sobre el botón Mi Botón para ver la inspección del atributo modificado a data-gastronomia="Española" con Javascript:"
"Puedes inspeccionar el botón Mi Botón para comprobar que ha sido modificado el atributo"
Mi Botón

Manipulando nuestro atributo con CSS:

• Torta de Chocolate
• Arroz con Leche
• Torta de Fresa