Page 86 - Guida tascabile HTML5

<p>L'ufficio apre alle <time>9:00</time>.</p>
Ciò che rende particolarmente versatile questo tipo di informazione è però la

possibilità, utilizzando l’attributo datetime, di separare il formato leggibile

dall’utente da una stringa adatta a essere elaborata da script, web crawler o altri
sistemi automatici: un contenuto così descritto sarà di certo più facilmente

indicizzato e catalogato.

<p>Humphrey Bogart è nato <time datetime="1899-12-25">il giorno di Natale</time>.
</p>
La stringa che identifica la data è formattata come nell’esempio qui sopra: YYYY-

MM-DD, quattro cifre per l’anno e due per mese e giorno separate dal simbolo -. È

stata però prevista nella specifica HTML5 la possibilità di riferirsi alle date in
maniera più libera, per venire incontro a un ventaglio di esigenze più ampio.

Identificare una data

Non sempre è possibile o utile dettagliare una data composta da anno, mese e

giorno, ma a volte le informazioni da trasmettere sono parziali.
Con <time datetime="YYYY"> fate riferimento a un intero anno:

<p>L'America fu scoperta nel <time datetime="1492">1492</time>.</p>
Con <time datetime="YYYY-MM"> fate riferimento a un intero mese:

<p>Il mese più freddo del XX secolo fu il <time datetime="1963-01">Gennaio
'63</time>.</p>

Con <time datetime="MM-DD"> fate riferimento a un giorno preciso, senza

specificare l’anno:

<p>La grigliata di <time datetime="08-15">ferragosto</time>!</p>
Con <time datetime="YYYY-WNN"> fate riferimento al numero della settimana di un

anno specifico (notate la W anteposta alle due cifre finali):

<p><time datetime="2017-W14">Design Week</time> a Milano.</p>

Identificare un orario

Oltre a quanto appena descritto, è possibile utilizzare il medesimo attributo

datetime per marcare un orario. L’esempio di apertura del paragrafo potrebbe

essere reso più completo in questo modo:

<p>L'ufficio apre alle <time datetime="09:00">9:00</time>.</p>