<meter>~</meter>
meter（メータ）要素は特定の範囲にある数値を表します。例えばディスクの使用量や人口割合などを表すことが可能です。対応するブラウザでは、ゲージなど、直観的な形式で表示される。
meter 要素の内容は、対応していない環境への代替コンテンツとなります。
| meter要素 | 説明 |
|---|---|
| カテゴリー | ・パルパブルコンテンツ ・フレージングコンテンツ ・フローコンテンツ ・ラベル付け可能な要素 |
| コンテンツモデル | フレージングコンテンツ ただし、meter 要素を子孫に持つことはできない。 |
| 使用できる場所 | フレージングコンテンツが期待される場所 |
meter要素で使用できる属性
| 属性名 | 説明 |
|---|---|
| グローバル | すべての要素で使用できる属性 |
| value | 値を指定する。指定した値が現在の数値になります。指定できる数値は浮動小数点数ですが、max 属性値以下、min 属性値以上でなければなりません。 |
| max | 値の最大値を指定します。指定できる数値は浮動小数点数ですが min 属性、および low 属性が指定されている場合はその値以上である必要があります。省略された場合の初期値は 「1」 です。 |
| min | 値の最小値を指定します。指定できる数値は浮動小数点数ですが max 属性、および high 属性が指定されている場合はその値以下である必要があります。省略された場合の初期値は 「0」 です。 |
| high | その数値が高いと判断される閾値を指定します。指定できる数値は浮動小数点数ですが max 属性値以下、かつ min 属性、および low 属性が指定されている場合はその値以上である必要があります。 |
| low | その数値が低いと判断される閾値を指定します。指定できる数値は浮動小数点数ですが min 属性値以上、かつ max 属性、および high 属性が指定されている場合はその値以下である必要があります。 |
| optimum | その数値が最適だと判断される数値を指定します。指定できる数値は浮動小数点数ですが max 属性値以下、min 属性値以上である必要があります。 |
指定する値は、下記の不等式が成り立つようにしなければなりません。
- min ≤ value ≤ max
- min ≤ low ≤ max （もし low 属性が指定されている場合）
- min ≤ high ≤ max （もし high 属性が指定されている場合）
- min ≤ optimum ≤ max （もし optimum 属性が指定されている場合
- low ≤ high （もし low 属性と high 属性が同時に指定されている場合）
使用例
<p>
0～1の範囲：
<meter value="0.5">0.5</meter>
</p>
<p>
0～500の範囲（実際値は50）：
<meter value="50" min="0" max="500">50/500</meter>
</p>
<p>
0～500の範囲（実際値は250）：
<meter value="250" min="0" max="500">250/500</meter>
</p>
<p>
0～500の範囲（実際値は450）：
<meter value="450" min="0" max="500">450/500</meter>
</p>
<p>
0～500の範囲のうち、99以下を低い範囲、401以上を高い範囲に設定（実際値は50）：<br>
<meter value="99" min="0" max="500" low="100" high="400" optimum="250">50/500</meter>
</p>
<p>
0～500の範囲のうち、99以下を低い範囲、401以上を高い範囲に設定（実際値は250）：<br>
<meter value="250" min="0" max="500" low="100" high="400"optimum="250">250/500</meter>
</p>
<p>
0～500の範囲のうち、99以下を低い範囲、401以上を高い範囲に設定（実際値は450）：<br>
<meter value="401" min="0" max="500" low="100" high="400" optimum="250">450/500</meter>
</p>表示
0～1の範囲：
0～500の範囲（実際値は50）：
0～500の範囲（実際値は250）：
0～500の範囲（実際値は450）：
0～500の範囲のうち、99以下を低い範囲、401以上を高い範囲に設定（実際値は50）：
0～500の範囲のうち、99以下を低い範囲、401以上を高い範囲に設定（実際値は250）：
0～500の範囲のうち、99以下を低い範囲、401以上を高い範囲に設定（実際値は450）：