back to top

Nuovi elementi in HTML5 – meter e time

Vediamo, di seguito, i due nuovi elementi meter e time.

meter

Definizione formale

L’elemento meter rappresenta una misura scalare all’interno di un intervallo definito, oppure un valore frazionario; per esempio l’utilizzo di un disco rigido, la rilevanza del risultato di una query oppure la frazione della popolazione votante che ha optato per un particolare candidato.

A differenza di progress, meter non è pensato per indicare un avanzamento nel completamento di un task, nè per indicare valori come una altezza od un peso quando non vi sia un valore massimo cui rapportarli.

L’elemento prevede 6 attributi:

  • value: obbligatorio, indica il valore misurato
  • min: estremo inferiore del range
  • max: estremo superiore del range
  • low, high, optimum: permettono di indicare dei subrange che delimitino le sezioni corrispondenti a valori bassi, alti ed ottimi.

Tutti gli attributi, se presenti, debbono avere come valori validi numeri in virgola mobile. Ovviamente valgono inoltre le seguenti disuguaglianze:

  • min < value < max
  • min < low < max (se low è specificato)
  • min < high < max (se high è specificato)
  • min < optimum < max (se optimum è specificato)
  • low < high (se entrambi sono specificati)

Qualora max e min non siano specificati il range è supposto essere 0..1 e value deve conseguentemente essere compreso tra questi valori.

Un esempio di utilizzo valido:

Clienti paganti/visite totali <meter value=10 max=100>10 clienti su 100 terminano la procedura di pagamento</meter>

Ed un esempio non corretto:

Sono alto <meter value="1.78">1.78m</meter> e peso <meter value="88" title="misura espressa in Kilogrammi">88</meter>

Gli errori qui sono due (ripetuti per entrambe le misure). Il primo errore è il tentativo di utilizzare meter per rappresentare valori che non prevedono un limite massimo (potremmo fissare l’altezza massima di un essere umano a 2.80m, ma sarebbe comunque un limite aleatorio); il secondo errore è conseguenza diretta dell’ omissione degli attributi min e max che implica l’adozione di un range predefinito tra 0 ed 1,ne consegue che valori maggiori (in questo caso 1.78 ed 88) risultino fuori scala.

L’attributo globale title in questo contesto permette di indicare l’unità di misura, altrimenti non specificata.

time

Definizione formale

L’elemento time rappresenta i propri contenuti corredati con un forma comprensibile agli elaboratori del contenuto stesso definita nell’attributo datetime. Il tipo di contenuto è limitato a vari tipi di date, orari, time-zones offsets (fusi orari), durate.

Il valore datetime dell’elemento time è stabilito essere il valore dell’attributo datetime qualora fosse presente, come il testo contenuto dall’elemento stesso altrimenti.

Datetime value definito tramite attributo:

<time datetime="2011-11-12"></time>

Datetime value definito tramite "textContent":

<time>2011-11-12</time>

Un esempio di formato valido per esprimere una durata:

<time>4h 18m 3s</time>

Un esempio comprensivo di ora e timezone:

<time datetime="2011-12-25T00:00:00Z"></time>
Pubblicitร 

In questa guida...