Dati HTML-* Attributo
Definizione e utilizzo
L'
data-*attributo viene utilizzato per archiviare dati personalizzati privati nella pagina o nell'applicazione.
L'
data-*attributo ci dà la possibilità di incorporare attributi di dati personalizzati su tutti gli elementi HTML.
I dati memorizzati (personalizzati) possono quindi essere utilizzati nel JavaScript della pagina per creare un'esperienza utente più coinvolgente (senza chiamate Ajax o query di database lato server).
L'
data-*attributo è composto da due parti:
- Il nome dell'attributo non deve contenere lettere maiuscole e deve essere lungo almeno un carattere dopo il prefisso "data-"
- Il valore dell'attributo può essere qualsiasi stringa
Nota: gli attributi personalizzati preceduti da "data-" verranno completamente ignorati dall'interprete.
Si applica a
L'
data-*attributo è un attributo globale e può essere utilizzato su qualsiasi elemento HTML.
| Elemento | Attributo |
|---|---|
| Tutti gli elementi HTML | dati-* |
Esempio
Esempio
Utilizza l'attributo data-* per incorporare dati personalizzati:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |