English

<data>

Associer une valeur lisible par les machines a un texte humain

  • HTML
  • accessibilité
  • sémantique

<data> — La donnée machine

La balise <data> associe une valeur exploitable par les machines a un contenu lisible par les humains. L'attribut value contient la version normalisée : identifiant produit, ISBN, prix, code.

Quand l'utiliser

Tu veux afficher un prix, un identifiant de produit ou un ISBN dans un texte lisible, tout en exposant la valeur brute aux scripts et aux robots. Tu affiches "Vingt-trois euros" mais la machine lit 23.00. Tu affiches "Le Petit Prince" mais la machine lit 978-2-07-040850-4.

Ce que tu gagnes

Accessibilité : le texte affiché reste lisible pour les humains. Les technologies d'assistance lisent le contenu textuel, pas le value.

SEO : <data> seul n'est pas exploité par les moteurs de recherche. Son intérêt apparaît quand tu le combines avec des microdonnées Schema.org (itemprop).

Exemple de code

<p>
  Price: <data value="23.00">twenty-three euros</data>
</p>
 
<ul>
  <li><data value="978-2-07-040850-4">The Little Prince</data></li>
  <li><data value="978-2-07-036822-8">Nightflight</data></li>
</ul>

Pour aller plus loin