<data>

Description

L’élément <data> relie un contenu affiché à l’utilisateur à une valeur structurée, lisible par des scripts ou des outils de traitement automatique. Il est utile pour stocker des identifiants, des codes produits, des prix bruts ou toute donnée machine associée à un texte humain, sans recourir à des attributs data-* sur d’autres éléments.

Syntaxe

<data value="398">Mini-ordinateur</data>

Exemples

Liste de produits avec identifiants internes :

<ul>
  <li><data value="SKU-001">Clavier mécanique</data> — 89 €</li>
  <li><data value="SKU-002">Souris sans fil</data> — 45 €</li>
  <li><data value="SKU-003">Écran 27 pouces</data> — 320 €</li>
</ul>

Prix avec valeur numérique brute :

<p>Prix : <data value="29.99">29,99 €</data></p>

Score de jeu vidéo :

<p>Score : <data value="1500000">1 500 000 points</data></p>

Attributs spécifiques

Attribut	Type	Description
value	string	Obligatoire. La valeur lisible par machine associée au contenu.

Notes

<data> vs <time> : pour les dates et heures, préférer <time datetime="..."> qui est sémantiquement spécialisé. <data> est adapté aux autres types de valeurs structurées (identifiants, codes, quantités).

<data> vs data-* : <data> sémantise directement le contenu textuel affiché. Les attributs data-* stockent des métadonnées sur n’importe quel élément, sans lien direct avec son texte.

Microdata et RDFa : <data> s’intègre bien avec les formats de données structurées (Schema.org) pour le SEO sémantique.