Fechas en HTML5

09/Oct/2012 HTML5 4 Comentarios
Ejemplos de Artículos sobre HTML5

Hay múltiples motivos por los que tenemos que añadir fechas a nuestras páginas web, desde el típico de indicar cuándo fue creada o modificada la página, para reseñar la fecha de publicación de un artículo, para poner la fecha de un comentario, reseñar un acontecimiento,…

Es por ello que, después de muchas discusiones, eliminar las fechas de la especificación HTML5 y volverlas a aceptar (en inglés), tenemos el elemento time para poder especificar fechas en HTML5.

El elemento time en HTML5 tiene la siguiente estructura.

Así una fecha en HTML5 se podría definir de la siguiente forma:

Ya que el atributo datetime no es estrictamente necesario, pero muy aconsejable si queremos tener un formato entendible por máquinas. Y es que el atributo datetime nos permite especificar la fecha en un formato ISO 8601.

Así, si insertamos la fecha con el atributo datetime tendríamos lo siguiente:

Pero la fecha no se tiene que restringir al formato año mes día. Por ejemplo, podemos temer fechas más cortas, en las que solo especifiquemos el año:

En las que especifiquemos la hora…

En las que especifiquemos la fecha y la hora (en este caso la fecha y hora se separa mediante una T o con un espacio en blanco):

En las que demos incluso la zona horaria GTM (o UTC para ser exactos). En este caso entre la hora y la franja horaria hay que añadir el desplazamiento positivo (con un más) o negativo (con un menos) que tenga esa zona:

(San Francisco)

Como hemos podido comprobar el manejo del elemento time y de su atributo datetime es realmente sencillo para poder fechas en HTML5.

4 comentarios en “Fechas en HTML5”

Víctor Cuervo

isaac

Hola tengo algunas dudas con el elemento time.
Cuando al elemento time no se le pone el atributo datetime segun algunos articulos pone esto

< 2009-11-132009-11-13
>
Que significa esto que si datetime no esta presente solo puede haber entre los tag time una fecha u hora con formato valido como el de arriba? Es decir no podria haber 13 de noviembre de 2009?
Otra cosa si por ejemplo tengo un dia de la semana por ejemplo dia espectador los miercoles, se puede poner este dia con time,lo digo porque no es un miercoles exacto de un mes ejem miercoles 12, si no todos los miercoles del mes,año . Espero haberme explicado.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.