Etiqueta <TIME>

La etiqueta <time>, permite definir una hora con formato de 24 horas, o una fecha en formato gregoriano, opcionalmente con un tiempo y desplazamiento de zona horaria.



Se debe de utilizar para establecer una codificación de fecha y hora, de forma legible para la máquina. De manera que los agentes de usuario y motores de búsqueda, puedan establecer recordatorios, eventos programados, o resultados de búsqueda más inteligentes.

La sintaxis de la etiqueta es la siguiente.

<time datetime=”valor”>Contenido de la etiqueta … </time>

El ejercicio siguiente muestra el uso de la etiqueta en un documento web.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
</head>
<body>
<header>
    <h1>Días Festivos</h1>
</header>
<section id="Principal">
    <p><time datetime="2013-11-01">Hallowen</time></p>
    <p>Reunión familiar <time datetime="2013-12-25">Navidad</time> a las <time>10:00</time> h.</p>
</section>
</body>
</html>

El resultado del ejercicio anterior ha de ser similar al que se muestra a continuación.

etiqueta time, curso práctico html5

etiqueta time, curso práctico html5

Gracias por vuestra visita y un saludo.