Meter

7 marzo 2011

Funzioni e dati tecnici

L’elemento <meter> rappresenta una misura scalare all’interno di un intervallo noto, o un valore frazionario.

Il tag <meter> è anche utilizzato come un indicatore di livello.

<meter value="6" max="8">6 blocchi utilizzati (su un totale di 8)</meter>

Vediamo alcuni contesti in cui non deve essere utilizzato:

  • quando indica lo stato di una barra di progresso;
  • quando i valori rappresentati sono di tipo arbitrario a scalare; ad esempio non deve segnalare un peso o un’altezza a meno che non vi sia un valore massimo riconosciuto.

Esistono 6 attributi per determinare il valore semantico dell’elemento <meter>:

  1. min: indica il valore limite minimo disponibile;
  2. max: indica il valore limite massimo disponibile;
  3. value: indica il valore dell’elemento;
  4. low: indica un valore che viene considerato basso;
  5. high: indica un valore che viene considerato alto;
  6. optimum: indica un valore che viene considerato “ottimale”; se è più alto del valore specificato nell’attributo high indica che il valore più alto è il migliore,viceversa è più basso del valore specificato nell’attributo low indica che il valore più basso è il migliore.

Se non è specificato un valore minimo e un valore massimo questi sono di default rispettivamente 0 e 1.

Ad oggi l’unico browser che renderizza il tag <meter> è Google Chrome presentandolo graficamente come una barra di progresso, quindi gli sviluppatori sono fortemente incoraggiati a specificare il suo valore in formato testuale al suo interno.

Nella prossima lezione illustreremo come utilizzare l’elemento <progress> e la sua utilità nel caricare i contenuti dei documenti web.

Tabella del supporto sui browser

Nuovi tag semantici e strutturali Internet Explorer Firefox Safari Google Chrome Opera
<meter> 10+6.0+6.0+8.0+11.0+

Tutte le lezioni

1 ... 16 17 18 ... 51

Se vuoi aggiornamenti su Meter inserisci la tua e-mail nel box qui sotto:
Tags:
 
X
Se vuoi aggiornamenti su Meter

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