HTML time

La etiqueta <time> en HTML permite especificar una fecha u hora en un documento. Puede ser utilizada para marcar el tiempo de publicación de un artículo, la duración de un video o el tiempo de un evento.

El contenido de la etiqueta debe incluir una fecha u hora en un formato estándar, como ISO 8601.

Ejemplo de uso

<p>Este evento se llevará a cabo el <time datetime="2022-08-15T19:00">15 de agosto de 2022 a las 7:00 PM</time>.</p>
Lenguaje del código: HTML, XML (xml)

En el ejemplo anterior, el contenido de la etiqueta <time> es “15 de agosto de 2022 a las 7:00 PM” y el atributo “datetime” es “2022-08-15T19:00”, que es una representación precisa de la fecha y hora en formato ISO 8601.

Atributos

Los atributos más importantes de la etiqueta <time> en HTML son:

  • datetime: Este atributo es opcional, pero se recomienda usarlo para proporcionar una representación precisa de la fecha y hora en un formato de fecha-hora de ISO 8601. Este atributo es especialmente útil para las máquinas, como los motores de búsqueda, para entender y utilizar la información de fecha y hora en una página web.
  • pubdate: Este atributo se puede utilizar en conjunto con la etiqueta “time” para indicar que la fecha específica en el contenido es la fecha de publicación del documento completo. Este atributo es utilizado en conjunto con “article” o “section” para indicar la fecha de publicación del artículo o sección.

Ejemplos

Aquí te doy algunos ejemplos de cómo utilizar los atributos “datetime” y “pubdate” en la etiqueta <time> en HTML:

  1. Utilizando el atributo “datetime”:
<p>Este evento se llevará a cabo el <time datetime="2022-08-15T19:00">15 de agosto de 2022 a las 7:00 PM</time>.</p>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, el contenido de la etiqueta <time> es “15 de agosto de 2022 a las 7:00 PM” y el atributo “datetime” es “2022-08-15T19:00”, que es una representación precisa de la fecha y hora en formato ISO 8601.

  1. Utilizando el atributo “pubdate”:
<article> <h1>Título del artículo</h1> <p>Este artículo fue publicado el <time datetime="2022-08-15T19:00" pubdate>15 de agosto de 2022</time>.</p> <p>Contenido del artículo.</p> </article>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, el atributo “pubdate” indica que la fecha especificada en el contenido de la etiqueta “time” es la fecha de publicación del artículo completo.

  1. Utilizando el atributo “datetime” en una duración:
<p>La duración del video es <time datetime="PT1H30M">1 hora y 30 minutos</time>.</p>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, el atributo “datetime” contiene una representación de la duración en formato ISO 8601 “PT1H30M” (1 hora y 30 minutos) y el contenido de la etiqueta es “1 hora y 30 minutos”.

Espero que estos ejemplos te ayuden a entender mejor cómo utilizar los atributos “datetime” y “pubdate” en la etiqueta <time> en HTML.