Dati HTML-* Attributi
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>
Definizione e utilizzo
Gli data-*attributi vengono utilizzati per archiviare dati personalizzati privati nella pagina o nell'applicazione.
Gli data-*attributi ci danno 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).
Gli data-*attributi sono costituiti 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.
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 |
Sintassi
<element data-*="somevalue">
Valori di attributo
| Value | Description |
|---|---|
| somevalue | Specifies the value of the attribute (as a string) |
Pagine correlate
Esercitazione HTML: attributi HTML
Riferimento HTML DOM: Metodo HTML DOM getAttribute()