Latest web development tutorials

HTML dati- * attributi

HTML Attributi globali HTML Attributi globali

Esempi

Utilizzare dati- * attribuisce a incorporare i dati personalizzati:

<Ul>
<Li dati-animale-type = "uccello"> Owl </ li>
<Li dati-animale-type = "pesce"> Salmon </ li>
<Li dati-animale-type = "ragno"> Tarantula </ li>
</ Ul>

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tutti i browser principali supportano attributi data-*.


Definizione e utilizzo

dati- * attributo viene utilizzato per memorizzare la pagina privata dopo aver applicato dati personalizzati.

dati- * dati degli attributi possono essere incorporati in qualsiasi elemento HTML.

dati personalizzati possono rendere la pagina ha una migliore esperienza interattiva (non c'è bisogno di usare Ajax o interrogazione dati al server).

dati- * attributo consiste di due parti:

  1. Non includere il nome della proprietà in lettere maiuscole, nel dati- deve avere almeno un carattere.
  2. Questa proprietà può essere qualsiasi stringa

Nota: attributo personalizzato prefisso "data-" sarà ignorato dal cliente.


Le differenze tra HTML 4.01 e HTML5

HTML5 dati- * vengono aggiunti gli attributi.


grammatica

<Dati Element - * = "someValue">

Proprietà Valore

valore descrizione
somevalue valore di attributo specificato (una stringa)


HTML Attributi globali HTML Attributi globali