Time e gli attributi pubdate e datetime

Funzioni e dati tecnici

L'elemento <time> rappresenta il tempo su un orologio di 24 ore, o una data precisa nel calendario Gregoriano accompagnata opzionalmente con un orario e una differenza di fuso orario.

Questo elemento è inteso come un modo moderno per codificare le date e gli orari in maniera leggibile anche per i computer. Ad esempio, i browser saranno in grado di offrire la possibilità di aggiungere promemoria per i compleanni o gli eventi in programma in una web application che funziona da calendario.

<p>Oggi pomeriggio penso che sarò lì per le <time>15:00</time></p>

Prima di inserire l'elemento <time> nelle nostre pagine in HTML5 dobbiamo comprendere quali sono i contesti in cui è sconsigliato utilizzarlo:

• non bisogna inserire nel tag <time> le date che non possono essere determinate con precisione; ad esempio: "un giorno nel lontano inverno del '68","da quando è nato il primo uomo"...;
• non bisogna inserire nel tag <time> le date prima dell'introduzione del calendario Gregoriano.

L'elemento <time> può possedere l'attributo pubdate che è di tipo booleano; la sua presenza indica che la data presente nel tag <time> è anche la data nella quale è stato scritto l'<article> padre più vicino, e nel caso non esistesse un <article> padre allora essa è riferita alla creazione dei contenuti dell'intero documento.

Ovviamente un elemento che possiede l'attributo pubdate necessita di una data. Per ciascun <article> può esserci solo un singolo tag <time> con pubdate e la stessa cosa vale per l'intero documento.

Possiamo specificare in maniera più dettagliata una data aggiungendo l'attributo datetime:

• il valore dell'attributo deve essere una "stringa valida" del tipo (ANNO-MESE-GIORNO-ORE:MINUTI:SECONDI.MILLISECONDI-FUSO ORARIO).
• se l'attributo datetime non è presente allora il contenuto testuale del'tag <time> deve essere una "stringa valida".

<time pubdate datetime="2011-01-20">20 Gennaio</time>

Dobbiamo specificare che l'attributo pubdate in quanto di tipo booleano può essere inserito anche nel seguente modo:

<time pubdate="pubdate" datetime="2011-01-20">20 Gennaio</time>

Nella prossima lezione vedremo in quali occorrenze utilizzare il tag <meter>.

Tabella del supporto sui browser

Nuovi tag semantici e strutturali
<time>	No	No	No	No	No