L'élément HTML <meter> représente une valeur scalaire dans un intervalle donné ou une valeur fractionnaire.
| Catégories de contenu | Contenu de flux, contenu phrasé, contenu tangible, contenu étiquetable |
|---|---|
| Contenu autorisé | Contenu phrasé ne possédant pas d'élément <meter> parmi ses descendants. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | Tout élément acceptant du contenu phrasé. |
| Rôles ARIA autorisés | Aucun. |
| Interface DOM | HTMLMeterElement |
Attributs
Comme pour les autres éléments HTML, cet élément inclut également les attributs universels.
form- Cet attribut contient l'attribut
idde l'élément<form>auquel celui-ci est rattaché. Par défaut, il est à l'élément<form>qui est son plus proche ancêtre. high- Cet attribut représente la valeur minimale à partir de laquelle la mesure est considérée comme haute. Si cet attribut est défini, il doit s'agir d'un nombre à virgule compris entre les valeurs des attributs
minetmax. Si l'attributlowest aussi défini, il doit être plus grand que celui-ci. low- Cet attribut représente la valeur maximale à partir de laquelle la mesure est considérée comme basse. Si cet attribut est défini, il doit s'agir d'un nombre à virgule compris entre les valeurs des attributs
minetmax. Si l'attributhighest aussi défini, il doit être plus petit que celui-ci. max- Cet attribut représente la valeur maximale que peut prendre la mesure. Il doit s'agir d'un nombre à virgule; s'il est invalide ou si l'attribut n'est pas défini, sa valeur par défaut est 1.0. Il doit être strictement plus grand que la valeur de l'attribut
min. min- Cet attribut représente la valeur minimale que peut prendre la mesure. Il doit s'agir d'un nombre à virgule; s'il est invalide ou si l'attribut n'est pas défini, sa valeur par défaut est 0.0. Il doit être strictement plus petit que la valeur de l'attribut
max.
optimum- Cet attribut représente la valeur idéale pour la mesure. Si cet attribut est défini, il doit s'agir d'un nombre à virgule compris entre les valeurs des attributs
minetmax. Si la valeur deoptimumest inférieure àlow, s'il est défini, cela signifie que les valeurs les plus petites sont meilleures; si sa valeur est supérieure àhigh, s'il est défini, cela signifie que les valeurs les plus grandes sont meilleures; enfin, s'il est compris entrelowethigh, cela signifie que les extrêmes ne sont pas les meilleures grandeurs.
value- Cette attribut représente la valeur courante de la mesure. Cet attribut est obligatoire.
Note d'utilisation : il est recommandé aux auteurs de dupliquer les valeurs des attributs
min,maxetvaluedans le contenu de cet élément de façon à permettre aux navigateurs ne supportant pas l'élément<meter>de transmettre ces informations aux utilisateurs. Par exemple :Utilisation de l'espace de stockage: <meter value=6 max=8> 6 blocs utilisés (sur un total de 8) </meter>
Il n'y a pas de moyen sémantique de décrire l'unité de l'attributvalue, néanmoins l'attribut globaltitlepeut être utilisé pour cela.
Exemples
Exemple simple
HTML
<p>Chauffez le four à <meter min="100" max="250" value="180">180 degrés</meter>. </p>
Résultat
Utilisation de high et low
On remarquera ici que l'attribut min est absent (ce qui est autorisé), la valeur minimale sera alors 0.
HTML
<p> Il a eu <meter low="69" high="80" max="100" value="84">B</meter> à son examen. </p>
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<meter>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<meter>' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Edge | Opera | Safari |
|---|---|---|---|---|---|---|---|
| Support simple | 6.0 | (Oui) | 16.0 (16.0) | Pas de support | 20[1] | 11.0 | 5.2 |
| Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Edge Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Support simple | Pas de support | (Oui) | 16.0 (16.0) | Pas de support | 20[1] | 11.0 | Pas de support |
[1] Voir la page sur le statut de la plateforme Microsoft Edge

