Repaso al atributo datetime HTML5 de la etiqueta time

Vamos a ver el atributo datetime HTML5 que se usa en la etiqueta time. Este atributo sirve para representar una fecha dentro de un texto informativo.

Este nuevo atributo HTML5 junto con la etiqueta time no tienen que estar obligatoriamente dentro de un formulario. Quizás os puedan interesar los post sobre los siguientes input de fecha y hora:

• Date
• Datetime
• Datetime-local
• Month
• Time
• Week

Sintaxis del atributo datetime HTML5

Siguiendo la documentación oficial la sintaxis es la siguiente:

<time datetime="fecha">Texto informativo</time>

Con el atributo datetime podemos enmarcar en la etiqueta time un texto descriptivo, mientras que con dicho atributo representamos la fecha. Una etiqueta con similar funcionalidad es la etiqueta data.

Ejemplos de la etiqueta time con el atributo datetime HTML5

Os pongo 2 ejemplos del atributo datetime:

<p><time datetime="2015-12-31 23:59">Nochevieja es el día 31</time></p>
<p><time datetime="2015-06-11">El verano comienza en junio</time></p>

De esta manera podemos representar la fecha acompañada de un texto informativo.