← 返回首页
time - 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. time
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

time

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.

El elemento HTML <time> representa un periodo específico en el tiempo. Puede incluir el atributo datetime para convertir las fechas en un formato interno legible por un ordenador, permitiendo mejores resultados en los motores de búsqueda o características personalizadas como recordatorios.

Puede representar uno de los contenidos siguientes:

In this article

Pruébalo

<p> The Cure will be celebrating their 40th anniversary on <time datetime="2018-07-07">July 7</time> in London's Hyde Park. </p> <p> The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>. </p>
time { font-weight: bold; }
Categorías de contenido Contenido permitido Omisión de etiquetas Padres permitidos Roles permitidos en ARIA Interfaz DOM
Contenido de flujo, contenido de fraseo, contenido palpable.
Contenido de fraseo.
Ninguna; tanto la etiqueta de inicio como de fin son obligatorias.
Cualquier elemento que acepte contenido de fraseo.
Cualquiera
HTMLTimeElement

Atributos

Como todos los elementos de HTML, este elemento soporta los atributos globales.

datetime

Este atributo indica la hora y/o fecha del elemento y debe estar escrito en uno de los formatos que se muestran posteriomente.

Notas de uso

Este elemento es para presentar fechas y horas en un formato legible por el equipo. Por ejemplo, este puede ayudar a un agente de usuario ofrecer añadir un evento al calendario del usuario.

Este elemento no debe ser usado para fechas anteriores a la introducción del calendario Gregoriano (debido a complicaciones en el cálculo de dichas fechas).

El valor de fecha y hora (el valor legible por el equipo) es el valor del atributo del elemento datetime, que debe estar en el formato correcto (vea más adelante). Si el elemento no tiene un atributo datetime, no debe tener ningún elemento descendiente, y el valor datetime es el contenido de texto del hijo del elemento.

Valores datetime válidos

una cadena válida de año

2011

0001

una cadena válida de mes

2011-11

una cadena válida de fecha

2011-11-18

una cadena de fecha sin año válida

11-18

una cadena de semana válida

2011-W47

una cadena de hora válida

14:54

14:54:39

14:54:39.929

una cadena de fecha y hora local válida

2011-11-18T14:54:39.929

2011-11-18 14:54:39.929

una cadena de fecha y hora global válida

2011-11-18T14:54:39.929Z

2011-11-18T14:54:39.929-0400

2011-11-18T14:54:39.929-04:00

2011-11-18 14:54:39.929Z

2011-11-18 14:54:39.929-0400

2011-11-18 14:54:39.929-04:00

una cadena valida de duración

PT4H18M3S

Ejemplos

Ejemplo Simple

HTML

html
<p>El concierto empieza a las <time>20:00</time>.</p>

Output

Ejemplo con datetime

HTML

html
<p>El concierto fué el <time datetime="2001-05-15T19:00">15 de Mayo</time>.</p>

Output

Especificaciones

Specification
HTML
# the-time-element

Compatibilidad con navegadores

Enable JavaScript to view this browser compatibility table.

Ver también

  • El elemento <data>, permite señalizar otro tipo de valores.

Help improve MDN

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

This page was last modified on 29 abr 2026 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.