Time e gli attributi pubdate e datetime

7 marzo 2011

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 (ANNOMESEGIORNOORE:MINUTI:SECONDI.MILLISECONDIFUSO 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 Internet Explorer Firefox Safari Google Chrome Opera
<time> No No No No No

Tutte le lezioni

1 ... 15 16 17 ... 51

Se vuoi aggiornamenti su Time e gli attributi pubdate e datetime inserisci la tua e-mail nel box qui sotto:
Tags:
 
X
Se vuoi aggiornamenti su Time e gli attributi pubdate e datetime

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy