L’attributo “data-” in HTML5 viene utilizzato per memorizzare informazioni personalizzate private sulla pagina o sull’applicazione per un uso successivo. Con l’introduzione di HTML5, l’uso degli attributi “data-” è stato standardizzato.
Questi attributi non sono visibili all’utente, ma sono accessibili e modificabili attraverso JavaScript e jQuery. Questi attributi consentono di dare un significato semantico alle informazioni archiviate e possono essere utilizzati in qualsiasi tag HTML.
Ecco come viene utilizzato l’attributo “data-”:
```
```
In questo caso, abbiamo creato un attributo “data-” chiamato “myattribute” sul div con id “mydiv”, e gli abbiamo assegnato il valore “somevalue”.
È possibile accedere a questo attributo utilizzando il metodo dataset in JavaScript. Ecco come:
```
let div = document.getElementById(“mydiv”);
let value = div.dataset.myattribute; // “somevalue“
```
Come puoi vedere, il prefisso “data-” viene rimosso quando ci si riferisce all’attributo in JavaScript.
Questi attributi sono molto utili quando si desidera memorizzare informazioni extra direttamente nella DOM, senza dover utilizzare cookies o storage web del browser.
