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
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.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
data | Chrome Support complet 62 | Edge Support complet Oui | Firefox Support complet 22 | IE Aucun support Non | Opera Support complet 49 | Safari Aucun support Non | WebView Android Support complet 62 | Chrome Android Support complet 62 | Edge Mobile Support complet Oui | Firefox Android Support complet 22 | Opera Android Support complet 46 | Safari iOS Aucun support Non | Samsung Internet Android Aucun support Non |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
Voir aussi
- L'élément
<time>.