Meter

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
<meter>	10+	6.0+	6.0+	8.0+	11.0+