HTML5タグ<meter>属性

Question

HTML5仕様に<meter>という新しいタグがあります。 3つの属性が分かりやすく説明されていますが、その機能と視覚効果はあまり明確ではありません。それらは、高位,低位および最適である。

赤色または黄色のメーター要素がいくつか見られましたが、これらの色はこれらの属性に関連していると思います。しかし、私はどのように知りません。

誰でも私のためにそれを記述できますか？

Answer 1

この仕様では実際に色が指定されていません。デフォルトのスタイルについては、Firefoxの22とSafari 6、

• でlow < optimum < high場合：値は< lowか>highであれば、それは

• 、黄色で表示され
  • （それ以外の場合は緑最適は効果がない）。

• low < high < optimum場合：値は< lowある場合は、赤として表示さ

  • 。
  • 値が< highの場合、黄色で表示されます。
  • 緑色でなければなりません。

• optimum < low < high場合：値は> highある場合は、赤として表示さ

  • 。
  • 値が> lowの場合、黄色で表示されます。
  • 緑色でなければなりません。

これは実際に何spec saidです：

UAゲージの地域の要件：どこかで最適点が低い境界や高境界に等しい場合、またはそれらの間に、ゲージの低境界と高境界との間の領域を最適領域として扱わなければならず、低位および高位部分がある場合には準最適として扱われなければならない。そうでなければ、最適点が低境界よりも小さい場合、最小値と最小境界との間の領域は最適領域として扱われなければならず、低境界から高境界までの領域は準最適領域として扱われなければならない残りの領域は、それほど良好でない領域として扱われなければならない。最後に、最適点が高境界よりも高い場合、状況は逆転する。高境界と最大値との間の領域を最適領域として扱わなければならないため、高境界から低境界までの領域を準最適領域として扱わなければならず、残りの領域をさらに良好な領域として扱わなければならない。

最適な領域は緑、次善の領域は黄色、それほど良好でない領域は赤を使用します。

ところで<meter>要素をスタイルすることができます（How to style HTML5 <meter> tag参照）。

Answer 2

これらの3つのセグメントの機能と視覚効果を理解する（低、高、高） は、メーター要素で指定された属性とその値に依存します。 同じ値を異なる色で表示することができる（緑色/黄色/赤色）メートル色の明確な理解のためにそのセグメント

のタイプに応じて、値は、セグメントがthis video