Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 17 di 51
  • livello principiante
Indice lezioni

Meter

Rappresentare e definire misure scalari
Rappresentare e definire misure scalari
Link copiato negli appunti

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+

Ti consigliamo anche