Une erreur de script s'est produite sur cette page. En attendant qu'elle soit traitée par les éditeurs du site, vous pouvez consulter le contenu partiel ci-dessous.
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 {{HTMLElement("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>.
- {{htmlattrdef("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
{{EmbedLiveSample("Exemples","200","180")}}
Résumé technique
| Catégories de contenu | Contenu de flux, contenu phrasé, contenu tangible. |
|---|---|
| Contenu autorisé | Contenu phrasé. |
| Omission de balises | {{no_tag_omission}} |
| Parents autorisés | Tout élément acceptant du contenu phrasé. |
| Interface DOM | {{domxref("HTMLDataElement")}} |
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| {{SpecName('HTML WHATWG', 'semantics.html#the-data-element', '<data>')}} | {{Spec2('HTML WHATWG')}} | Pas de changement depuis {{Spec2('HTML5 W3C')}} |
| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-data-element', '<data>')}} | {{Spec2('HTML5 W3C')}} | Définition initiale. |
Compatibilité des navigateurs
{{Compat("html.elements.data")}}
Voir aussi
- L'élément {{HTMLElement("time")}}.