Na co jsou v HTML data-atributy?

Pro ukládání libovolných dat, která nemají zjevnou sémantickou hodnotu, přímo v HTML prvcích. To umožňuje:

• Přístup k těmto datům prostřednictvím JavaScriptu pro dynamické chování nebo manipulace.
• Použití v CSS selektorech pro stylování prvků na základě hodnot atributů data.
• Vkládání konfiguračních nebo metadat spojených s konkrétním prvkem, bez potřeby samostatných úložišť nebo obcházek.

Například lze uložit ID souvisejícího objektu, stav prvku nebo jiné specifické údaje aplikace.