L'élément HTML <data>
relie un contenu à une version de ce contenu interprétable par un ordinateur. Si le contenu possède une composante temporelle, l'élément <time>
doit être utiisé.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Attributs
Comme pour tous les autres éléments, on peut utiliser les attributs universels sur <data>
.
value
- Cet attribut définit la version du contenu qui doit être interprétée par une machine.
Exemples
Dans l'exemple suivant, on affiche des noms de produits avec des codes correspondants :
HTML
<p>Nouveaux produits</p>
<ul>
<li><data value="3251546">Mini voiture</data></li>
<li><data value="5867654">Grande voiture</data></li>
<li><data value="9887635">Énorme voiture</data></li>
</ul>
Résultat
Résumé technique
Catégories de contenu | Contenu de flux, contenu phrasé, contenu tangible. |
---|---|
Contenu autorisé | Contenu phrasé. |
Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
Parents autorisés | Tout élément acceptant du contenu phrasé. |
Interface DOM | HTMLDataElement |
Spécifications
Spécification | État | Commentaires |
---|---|---|
HTML Living Standard La définition de '<data>' dans cette spécification. |
Standard évolutif | Pas de changement depuis Recommendation |
HTML5 La définition de '<data>' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
BCD tables only load in the browser
Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Voir aussi
- L'élément
<time>
.