A cosa servono gli attributi data in HTML?

Per memorizzare dati arbitrari che non hanno un valore semantico esplicito, direttamente negli elementi HTML. Ciò consente:

• di accedere a questi dati tramite JavaScript per comportamenti o manipolazioni dinamiche.
• di utilizzarli nei selettori CSS per stilizzare gli elementi in base ai valori degli attributi data.
• di incorporare configurazioni o metadati associati a un elemento specifico, senza la necessità di archivi separati o soluzioni alternative.

Ad esempio, si può memorizzare l'ID di un oggetto correlato, lo stato dell'elemento o altri dati specifici dell'applicazione.