HTML
Attributi dei dati

Sintassi

• <element data-custom-name="somevalue">

Parametri

Uso degli attributi dei dati

Gli attributi HTML5 data-* forniscono un modo conveniente per archiviare dati in elementi HTML. I dati memorizzati possono essere letti o modificati utilizzando JavaScript

<div data-submitted="yes" class="user_profile">
  … some content …
</div>

• La struttura degli attributi dei dati è data-* , ovvero il nome dell'attributo dati viene fornito dopo la parte data- . Usando questo nome, è possibile accedere all'attributo.

• I dati in formato stringa (incluso json ) possono essere memorizzati utilizzando l'attributo data-* .

Supporto per i browser meno recenti

Gli attributi dei dati sono stati introdotti in HTML5, supportato da tutti i browser moderni, ma i browser meno recenti prima che HTML5 non riconosca gli attributi dei dati.

Tuttavia, nelle specifiche HTML, gli attributi che non sono riconosciuti dal browser devono essere lasciati da soli e il browser li ignorerà semplicemente durante il rendering della pagina.

Gli sviluppatori Web hanno utilizzato questo fatto per creare attributi non standard, che sono tutti gli attributi che non fanno parte delle specifiche HTML. Ad esempio, l'attributo value nella riga sottostante è considerato un attributo non standard poiché le specifiche per il tag <img> non hanno un attributo value e non è un attributo globale:

<img src="sample.jpg" value="test" />

Ciò significa che, sebbene gli attributi dei dati non siano supportati nei browser più vecchi, funzionano ancora ed è possibile impostarli e recuperarli utilizzando gli stessi metodi JavaScript generici setAttribute e getAttribute , ma non è possibile utilizzare la nuova proprietà del dataset che è supportata solo nei browser moderni.