[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/data [Back]  [Original]
lment HTML <data> : l'lment de donnes - HTML | MDN
HTML

HTML: Markup language

HTML reference
HTML guides
Markup languages
CSS

CSS: Styling language

CSS reference
CSS guides
Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference
JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference
Web API guides
All

All web technology

Technologies
Topics
Learn

Learn web development

Frontend developer course
Learn HTML
Learn CSS
Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Basculer la barre latrale
  1. Web
  2. HTML
  3. Rfrence
  4. lments
  5. <data>
Thme
  • Automatique
  • Clair
  • Sombre
Franais
Se souvenir de la langue En savoir plus

Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.

View in English Always switch to English

lment HTML <data> : l'lment de donnes

Baseline
Large disponibilit

Cette fonctionnalit est bien tablie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis octobre 2017.

L'lment HTML <data> associe un contenu donn une version interprtable par une machine. Si le contenu concerne une date ou une heure, il faut utiliser l'lment HTML <time>.

Dans cet article

Exemple interactif

<p>Nouveaux produits&nbsp;:</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mga Jumbo Ketchup</data></li>
</ul>

data:hover::after {
  content: " (ID " attr(value) ")";
  font-size: 0.7em;
}

Attributs

Cet lment inclut les attributs universels.

value

Cet attribut dfinit la version du contenu qui doit tre interprte par une machine.

Exemples

Dans l'exemple suivant, on affiche des noms de produits avec des codes correspondants.

html
<p>Nouveaux produits&nbsp;:</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mga Jumbo Ketchup</data></li>
</ul>

Rsultat

Rsum technique

Catgories 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.
lments parents autoriss Tout lment acceptant du contenu phras.
Rle ARIA implicite generic
Rles ARIA autoriss Tous les rles sont autoriss.
Interface DOM HTMLDataElement

Spcifications

Spcification
HTML
# the-data-element

Compatibilit des navigateurs

Voir aussi

Aider amliorer MDN

Cette page vous a-t-elle t utile ?
Oui Non
Apprendre contribuer

Cette page a t modifie le 25 avr. 2026 par les contributeurices du MDN.

Voir cette page sur GitHub Signaler un problme avec ce contenu
Effacer le filtre
  1. HTML
  2. Guides
    1. Fiche de synthse
    2. Commentaires
    3. Validation des contraintes
    4. Catgories de contenu
    5. Formats de date et d'heure
    6. Microdonnes
    7. Microformats
    8. Modes quirks et standards
    9. Images adaptatives
  3. Comment faire
  4. Dfinir des termes avec HTML
  5. Utiliser les attributs de donnes
  6. Utiliser des images inter-origines
  7. Ajouter une carte cliquable sur une image
  8. Rdiger des pages HTML affichage rapide
  9. Ajouter JavaScript dans votre page web
  10. Rfrences
  11. lments
    1. <a>
    2. <abbr>
    3. <acronym>
    4. <address>
    5. <area>
    6. <article>
    7. <aside>
    8. <audio>
    9. <b>
    10. <base>
    11. <bdi>
    12. <bdo>
    13. <big>
    14. <blockquote>
    15. <body>
    16. <br>
    17. <button>
    18. <canvas>
    19. <caption>
    20. <center>
    21. <cite>
    22. <code>
    23. <col>
    24. <colgroup>
    25. <data>
    26. <datalist>
    27. <dd>
    28. <del>
    29. <details>
    30. <dfn>
    31. <dialog>
    32. <dir>
    33. <div>
    34. <dl>
    35. <dt>
    36. <em>
    37. <embed>
    38. <fencedframe>
    39. <fieldset>
    40. <figcaption>
    41. <figure>
    42. <font>
    43. <footer>
    44. <form>
    45. <frame>
    46. <frameset>
    47. <geolocation>
    48. <h1>-<h6>
    49. <head>
    50. <header>
    51. <hgroup>
    52. <hr>
    53. <html>
    54. <i>
    55. <iframe>
    56. <img>
    57. <input>
    58. <ins>
    59. <kbd>
    60. <label>
    61. <legend>
    62. <li>
    63. <link>
    64. <main>
    65. <map>
    66. <mark>
    67. <marquee>
    68. <menu>
    69. <meta>
    70. <meter>
    71. <nav>
    72. <nobr>
    73. <noembed>
    74. <noframes>
    75. <noscript>
    76. <object>
    77. <ol>
    78. <optgroup>
    79. <option>
    80. <output>
    81. <p>
    82. <param>
    83. <picture>
    84. <plaintext>
    85. <pre>
    86. <progress>
    87. <q>
    88. <rb>
    89. <rp>
    90. <rt>
    91. <rtc>
    92. <ruby>
    93. <s>
    94. <samp>
    95. <script>
    96. <search>
    97. <section>
    98. <select>
    99. <selectedcontent>
    100. <slot>
    101. <small>
    102. <source>
    103. <span>
    104. <strike>
    105. <strong>
    106. <style>
    107. <sub>
    108. <summary>
    109. <sup>
    110. <table>
    111. <tbody>
    112. <td>
    113. <template>
    114. <textarea>
    115. <tfoot>
    116. <th>
    117. <thead>
    118. <time>
    119. <title>
    120. <tr>
    121. <track>
    122. <tt>
    123. <u>
    124. <ul>
    125. <var>
    126. <video>
    127. <wbr>
    128. <xmp>
  12. Attributs
    1. accept
    2. autocomplete
    3. capture
    4. content
    5. crossorigin
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. min
    16. minlength
    17. multiple
    18. pattern
    19. placeholder
    20. readonly
    21. rel
    22. required
    23. size
    24. step
  13. Attributs universels
    1. accesskey
    2. anchor
    3. autocapitalize
    4. autocorrect
    5. autofocus
    6. class
    7. containertiming
    8. containertimingignore
    9. contenteditable
    10. data-*
    11. dir
    12. draggable
    13. enterkeyhint
    14. exportparts
    15. headingoffset
    16. headingreset
    17. hidden
    18. id
    19. inert
    20. inputmode
    21. is
    22. itemid
    23. itemprop
    24. itemref
    25. itemscope
    26. itemtype
    27. lang
    28. nonce
    29. part
    30. popover
    31. slot
    32. spellcheck
    33. style
    34. tabindex
    35. title
    36. translate
    37. virtualkeyboardpolicy
    38. writingsuggestions
  14. Attributs par lment
    1. Types <input>
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime-local">
      6. <input type="email">
      7. <input type="file">
      8. <input type="hidden">
      9. <input type="image">
      10. <input type="month">
      11. <input type="number">
      12. <input type="password">
      13. <input type="radio">
      14. <input type="range">
      15. <input type="reset">
      16. <input type="search">
      17. <input type="submit">
      18. <input type="tel">
      19. <input type="text">
      20. <input type="time">
      21. <input type="url">
      22. <input type="week">
    2. Types <script>
      1. importmap
      2. speculationrules
    3. <meta name>
      1. color-scheme
      2. referrer
      3. responsive-embedded-sizing
      4. robots
      5. text-scale
      6. theme-color
      7. viewport
    4. <meta http-equiv>
  15. Valeurs des attributs
    1. Mots-cls <link rel>
      1. alternate stylesheet
      2. compression-dictionary
      3. dns-prefetch
      4. manifest
      5. me
      6. modulepreload
      7. noopener
      8. noreferrer
      9. preconnect
      10. prefetch
      11. preload
      12. prerender
MDN

Votre modle pour un internet meilleur.

MDN
Contribuer
Dveloppeureuses
Mozilla

Certaines parties de ce contenu sont protges par le droit d'auteur 19982026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.

Web Proxy Viewer  |  New URL  |  Original Page