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 | Firefox Android Support complet 22 | Opera Android Support complet 46 | Safari iOS Aucun support Non | Samsung Internet Android Support complet 8.0 |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
Voir aussi
- L'élément
<time>
.