Que signifie la balise de compteur html5 ? Explication détaillée de la façon de changer la couleur du compteur HTML5

Que signifie la balise de compteur html5 ? Explication détaillée de la façon dont le compteur html5 change de couleur. Cet article vous explique principalement la définition et l'utilisation de la balise de compteur html5, ainsi qu'une introduction détaillée sur la façon dont le compteur html5 change de couleur

balise de compteur html5 Définition et utilisation. : La balise

définit les poids et les mesures. À utiliser uniquement pour les mesures avec des valeurs maximales et minimales connues.

Par exemple : utilisation du disque, corrélation des résultats de requêtes, etc.

Remarque : ne peut pas être utilisé comme barre de progression, la barre de progression

Voici des exemples :

<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>

Qu'est-ce que l'élément compteur :

L'élément compteur représente une valeur de quantité dans une plage spécifiée. L'élément compteur a 6 attributs !

1. attribut de valeur : la valeur réelle spécifiquement exprimée dans l'élément. La valeur par défaut de cet attribut est 0 et une valeur décimale à virgule flottante peut être spécifiée pour cet attribut.

Attribut 2.min : La valeur pratique minimale autorisée lors de la spécification de la plage spécifiée. La valeur par défaut est 0. La valeur définie lors de la définition de cet attribut ne peut pas être inférieure à 0.

Attribut 3.max : La valeur maximale autorisée lors de la spécification de la plage spécifiée. Si la valeur de l'attribut est inférieure à la valeur minimale lors de la définition, alors la valeur de l'attribut min est considérée comme la valeur maximale. La valeur par défaut de l'attribut max est 1.

Attribut 4.low : La valeur limite inférieure de la plage spécifiée doit être inférieure ou égale à la valeur de high.

5.attribut high : la limite supérieure de la plage spécifiée. Si la valeur de l'attribut est inférieure à la valeur de l'attribut low, alors la valeur de l'attribut low est considérée comme la valeur de l'attribut high. De même, si la valeur de l'attribut est supérieure à la valeur de l'attribut max. , alors la valeur de l'attribut max est considérée comme la valeur de high.

6.attribut optimal : la valeur d'attribut optimale doit être comprise entre la valeur d'attribut minimale et la valeur d'attribut maximale, et peut être supérieure à la valeur d'attribut élevée.

Comment changer la couleur du mètre html5 :

Pour changer la couleur en mètre, vous devez utiliser cinq valeurs, à savoir : min (valeur minimale), max (valeur maximale), faible, élevée, valeur et optimisation, les quatre premières valeurs diviseront l'ensemble de la progression en 3 intervalles,

Vert : Lorsque la valeur et les valeurs d'optimisation sont dans le même intervalle, il apparaîtra en vert.

Jaune : Lorsque l'optimum est entre haut et maximum, et que la valeur est entre bas et haut, il apparaîtra en jaune

Lorsque l'optimum est entre bas et haut, lorsque la valeur est entre min et bas, il apparaîtra en jaune lorsqu'il se situe entre haut et max.

Lorsque l'optimum est compris entre min et bas, la valeur apparaîtra en jaune entre bas et haut.

Rouge : lorsque l'optimum se situe entre haut et maximum et que la valeur est entre min et bas, il apparaîtra en rouge.

Lorsque l'optimum est compris entre min et bas, la valeur apparaîtra en rouge entre haut et max.

Lorsque l'optimisation est dans la zone verte et la valeur est dans la zone verte, le tout apparaîtra en vert

Lorsque l'optimisation est dans la zone verte et la valeur est dans le jaune zone, Tout apparaîtra en jaune

Lorsque l'optimisation est dans la zone verte et que la valeur est dans la zone rouge, tout apparaîtra en rouge

Lorsque l'optimisation est dans la zone verte, la valeur valeur La zone verte du milieu est verte

Lorsque l'optimisation est dans la zone verte, la valeur est jaune entre min et bas et entre haut et max

Lorsque l'optimisation est dans Lorsque la valeur est dans la zone verte et que la valeur est dans la zone verte, le tout apparaîtra en vert

Lorsque l'optimisation est dans la zone verte et la valeur est dans la zone jaune, le tout apparaîtra apparaître en jaune

Lorsque l'optimisation est dans la zone verte et la valeur dans la zone rouge, le tout apparaîtra en rouge

La différence entre HTML 4.01 et HTML 5 :

est une nouvelle balise en HTML 5.

[Recommandations associées]

Quelle est l'utilisation spécifique de la balise HTML