← 返回首页
<data> - HTML: Lenguaje de etiquetas de hipertexto | 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
Toggle sidebar
  1. Tecnología web para desarrolladores
  2. HTML: Lenguaje de etiquetas de hipertexto
  3. Referencia HTML
  4. Referencia de Elementos HTML
  5. <data>
Theme
  • OS default
  • Light
  • Dark
Español
Remember language Learn more

Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

<data>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since octubre de 2017.

Resúmen

El Elemento HTML <data> vincula un contenido dado con una traducción legible por una máquina. Si el contenido está relacionado con time- o date-, debe usarse el elemento <time>.

Categorías de contenidoFlow content, phrasing content, palpable content.
Contenido permitido Phrasing content.
Omisión de etiqueta Ninguna, tanto la etiqueta inicial como la final son obligatorias.
Elementos permitidos Any element that accepts phrasing content.
interfaz DOM HTMLDataElement

In this article

Atributos

Este elemento incluye Atributos globales

value

This attribute specifies the machine-readable translation of the content of the element.

Ejemplo

El siguiente ejemplo muestra nombres de productos pero también asocia a cada uno con su código UPC.

html
<p>New Products</p> <ul> <li><data value="3967381398">Mini Ketchup</data></li> <li><data value="3967381399">Jumbo Ketchup</data></li> <li><data value="3967381400">Mega Jumbo Ketchup</data></li> </ul>

Especificaciones

Specification
HTML
# the-data-element

Compatibilidad con navegadores

Enable JavaScript to view this browser compatibility table.

Ver también

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 21 jun 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. HTML: Lenguaje de etiquetas de hipertexto
  2. Guides
    1. Cheatsheet
    2. Comments
    3. Constraint validation
    4. Categorías de contenido
    5. Date and time formats
    6. Microdatos
    7. Microformatos
    8. Modo quirks y modo estándar
    9. Imágenes adaptables
  3. How to
  4. Define terms with HTML
  5. Uso de atributos de datos
  6. Imagen con CORS habilitado
  7. Add a hitmap on top of an image
  8. Consejos para la creación de páginas HTML de carga rápida
  9. Add JavaScript
  10. Reference
  11. Elements
    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. Elementos títulos
    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. tabla
    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. Attributes
    1. HTML el atributo: accept
    2. autocomplete
    3. capture
    4. content
    5. Atributos de configuración CORS
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. HTML el atributo: min
    16. HTML el atributo: minlength
    17. HTML el atributo: multiple
    18. pattern
    19. placeholder
    20. readonly
    21. Tipos de enlaces
    22. required
    23. size
    24. step
  13. Global attributes
    1. accesskey
    2. anchor
    3. autocapitalización
    4. autocorrect
    5. autofocus
    6. class
    7. contenteditable
    8. data-*
    9. dir
    10. draggable
    11. enterkeyhint
    12. exportparts
    13. hidden
    14. id
    15. inert
    16. inputmode
    17. is
    18. itemid
    19. itemprop
    20. itemref
    21. itemscope
    22. itemtype
    23. lang
    24. nonce
    25. part
    26. popover
    27. slot
    28. spellcheck
    29. style
    30. tabindex
    31. title
    32. translate
    33. virtualkeyboardpolicy
    34. writingsuggestions
  14. Attributes by element
    1. <input type>
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime">
      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. <script type>
      1. importmap
      2. speculationrules
    3. <meta name>
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. Etiqueta meta del Viewport
    4. <meta http-equiv>
  15. Attribute values
    1. <link rel> keywords
      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

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.