Etiqueta HTML `<time>`

La etiqueta <time> es uno de los elementos HTML5. Se utiliza para definir uno de los siguientes:

una hora legible por humanos en un reloj de 24 horas,
una fecha precisa en el calendario gregoriano (con información opcional de zona horaria y hora).

La etiqueta <time> no debe utilizarse para fechas anteriores a la introducción del calendario gregoriano.

El atributo datetime se utiliza para definir un formato legible por máquinas, lo que permite a los motores de búsqueda generar resultados más inteligentes y a los agentes de usuario agregar recordatorios al calendario del usuario. Cuando falta el atributo datetime, el elemento <time> no debe tener descendientes de elementos. En este caso, el valor de datetime será el contenido de texto hijo del elemento.

Sintaxis

El elemento <time> requiere tanto la etiqueta de apertura como la de cierre. El contenido se escribe entre las etiquetas de apertura <time> y de cierre </time>.

Ejemplo de la etiqueta HTML `<time>`:

Etiqueta HTML <time>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document.</title>
  </head>
  <body>
    <p>The game will be held on <time datetime="2018-09-28T19:00">September 28</time>.</p>
    <p>It will start at <time>19:00</time></p>
  </body>
</html>

Try it Yourself »

Resultado

ejemplo de time

Atributos

Atributo	Valor	Descripción
datetime	`YYYY-MM-DD`, `YYYY-MM-DDThh:mm`, `hh:mm`, etc.	Especifica la hora/fecha en un formato legible por máquinas. El valor debe seguir un formato de cadena de fecha/hora válido (por ejemplo, ISO 8601). También se admiten desplazamientos de zona horaria como `+02:00` o `Z`.

La etiqueta <time> también admite los Atributos Globales.

Nota: El atributo pubdate se admitía anteriormente, pero fue marcado como obsoleto y eliminado en especificaciones HTML posteriores.

Cómo dar estilo a una etiqueta HTML <time>

css

time {
  color: blue;
  font-weight: bold;
}

Práctica

¿Qué es cierto sobre la etiqueta HTML <time>?

La etiqueta HTML <time> representa fecha/hora en una página web.<time> es un elemento de nivel de bloque.Este elemento es compatible con todos los navegadores principales.La etiqueta <time> no admite los atributos globales en HTML.La etiqueta <time> se utiliza para representar un período específico de tiempo, como una fecha u hora específica, un mes y año, o un desplazamiento de zona horaria desde la Hora Universal Coordinada (UTC).

Etiqueta HTML <time> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <time>: ​

Resultado ​