メータータグ_html/css_WEB-ITnose

meter

meter 要素タグは、ディスク使用率、キーワード一致度など、既知の測定可能な範囲のスカラー値または小数値を表すために使用されます。値の範囲が設定されていない限り、体重や身長など、範囲が不明な値をメートルで表すことはできないことに注意してください。 meter 要素には合計 6 つの属性があります:

Value: 現在のスカラーの実際の値を示します。指定されていない場合、meter タグの最初の数値が、「2 out of 10」などの現在の実際の値とみなされます。 2"; ラベルに数値がない場合、スカラーの実際の値は 0 です。
Min: 現在のスカラーの最小値。指定しない場合は 0 です。
Max: 現在のスカラーの最大値。指定されていない場合は 1 です。指定された最大値が最小値より小さい場合は、最小値が最大値とみなされます。
Low: 現在のスカラーの低い値の領域は、スカラーの高い値の領域番号以下である必要があります。低い値の領域番号がスカラーの最小値より小さい場合、それは、最小値。
High: 現在のスカラーの高い値の領域。
最適: 最適値。その範囲は最小値と最大値の間であり、高い値の領域に入る可能性があります。
最初に、属性を設定せずに、いくつかのコード例を見てみましょう:

<p>Your score is:  <meter>2 out of 10</meter></p>

次に、最大値と最小値の属性設定を追加できます:

<p>Your score is: <meter min="0" max="10">2 out of 10</meter></p>

低値領域、高値領域、および最適値の属性設定を追加しました:

<p>Your score is: <meter value="91" min="0" max="100" low="40" high="90" optimum="100">A+</meter></p>

この時、メーターの最大値は100%または1とみなされます。

次のコードは休日のカウントダウンとして使用できます:

<p>Christmas is in <meter value ="30" min="1" max="366" title="days">30 days!</p>

meter タグの内容には数値を含める必要はありません。その場合、最大値は 1 とみなされます。次のコードを参照できます。 :

<p><meter value="0.5">Moderate activity,</meter> Usenet, 618 subscribers</p><p><meter value="0.25">Low activity,</meter> Usenet, 22 subscribers</p><p><meter value="0.25">Low activity,</meter> Usenet, 66 subscribers</p>

HTML5 学習メモの簡潔版 (4): 新しい要素: video、audio、meter、datalist、keygen、output

HTML メータータグ