¿Para qué se usa la etiqueta «time»?

La etiqueta <time> en HTML5 se utiliza para representar semánticamente una fecha específica en el calendario, una hora del día, o ambas cosas. Su principal ventaja es que permite que esta información temporal sea comprensible tanto para los seres humanos (a través del contenido visible de la etiqueta) como para las máquinas (navegadores, motores de búsqueda, lectores de pantalla, etc.), gracias al atributo datetime.

Función principal:

El propósito de <time> es dotar de significado semántico a las fechas y horas dentro de tu contenido. Esto puede ser aprovechado por los navegadores para ofrecer funcionalidades adicionales (como añadir un evento al calendario del usuario), por los motores de búsqueda para indexar contenido temporalmente relevante de forma más precisa, o por tecnologías de asistencia para interpretar y anunciar correctamente las fechas y horas.

El atributo datetime:

Este es el atributo más importante de la etiqueta <time>. Su valor debe ser una fecha y/o hora en un formato estandarizado y válido que las máquinas puedan procesar sin ambigüedad. El contenido textual dentro de las etiquetas <time>...</time> es lo que el usuario ve, y puede ser más informal o localizado.

Algunos formatos comunes para el atributo datetime incluyen:

• Fecha completa: YYYY-MM-DD (ejemplo: 2025-05-28)
• Mes y año: YYYY-MM (ejemplo: 2025-05)
• Año: YYYY (ejemplo: 2025)
• Semana del año: YYYY-Www (ejemplo: 2025-W22 para la semana 22 del 2025)
• Hora (formato 24 horas): hh:mm o hh:mm:ss (ejemplo: 14:30 o 14:30:15)
• Fecha y hora completas (a menudo con información de zona horaria, donde Z indica UTC):
  • YYYY-MM-DDThh:mm (ejemplo: 2025-05-28T14:30)
  • YYYY-MM-DDThh:mm:ss (ejemplo: 2025-05-28T14:30:15)
  • YYYY-MM-DDThh:mm:ssZ (ejemplo: 2025-05-28T14:30:15Z)
  • YYYY-MM-DDThh:mm:ss±hh:mm (ejemplo: 2025-05-28T14:30:15+02:00 para UTC+2)
• También puede representar duraciones (usando el formato de duración ISO 8601, por ejemplo, PT2H30M para 2 horas y 30 minutos), aunque este uso es menos común en la práctica diaria para muchos desarrolladores.

¿Cuándo y cómo usar la etiqueta <time>?

Debes usar <time> siempre que menciones una fecha o una hora específica que tenga relevancia para el contenido:

• La fecha de publicación o actualización de un artículo.
• La fecha y hora de un evento.
• Horarios de apertura de un negocio.
• Fechas de nacimiento.
• Plazos.

Ejemplos:

<p>Este artículo fue publicado el <time datetime="2025-05-28">28 de mayo de 2025</time>.</p>
<p>Nuestra conferencia anual se celebrará el <time datetime="2025-10-15">15 de octubre</time>.</p>
<p>La oferta especial termina <time datetime="2025-06-01T23:59:59Z">mañana a medianoche (UTC)</time>.</p>
<p>Nos vemos a las <time datetime="19:00">siete de la tarde</time> para cenar.</p>
<p>El evento duró <time datetime="PT3H15M">3 horas y 15 minutos</time>.</p>
Lenguaje del código: PHP (php)

Al usar la etiqueta <time> con el atributo datetime correctamente, enriqueces la semántica de tu página y facilitas que tanto usuarios como software puedan interactuar de forma más inteligente con la información temporal que proporcionas.