最終更新日:
公開日:
リファレンス
HTML
メーター
meter要素
保存容量の使用状況、メーカー毎のシェアの割合などを表します。
サンプルコード
<h1>ある職場でのPCユーザーの割合</h1>
<ul>
<li>Windowsユーザー:<meter value="78" min="0" max="100">78%</meter>
<li>Macユーザー:<meter value="22" min="0" max="100">22%</meter>
</ul>
-
カテゴリー
フローコンテンツ、フレージングコンテンツ、ラベル付け可能なコンテンツ、パルパブルコンテンツ
-
コンテンツモデル
フレージングコンテンツ。ただし、meter要素を子孫に持つことはできない
-
使用ケース
フレージングコンテンツが期待される場所
属性
- グローバル属性
-
下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。 - value
-
現在の数値
- min
-
下限値(最小値)
- max
-
上限値(最大値)
- low
-
value属性に対し、低域(割合として低い)の上限値を設定します。
- high
-
value属性に対し、高域(割合として高い)の下限値を設定します。
- optimum
-
value属性の値が最適だと判断される数字を指定します。
こちらの記事は役に立ちましたか?
コメントありがとうございます!
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。