<meter>
标签用于表示已知范围内的标量测量或分数值,通常用于显示进度或容量信息。它可以包含最小值、最大值、当前值和标签值。
属性
value
:表示当前值。min
:表示最小值。max
:表示最大值。low
:表示低于正常范围的值。high
:表示高于正常范围的值。optimum
:表示最佳值。
示例代码
------ ---------- ------- --------------------- ------ ----------------------- ------ ----------- ------- ------------------- ------ --------- ------- -------- ------- -------- ------------- --- -- ----------
在上面的示例代码中,第一个 <meter>
元素表示一个进度条,当前值为 50%,最小值为 0,最大值为 100。第二个 <meter>
元素表示一个分数值,当前值为 60%,未指定最小值和最大值,默认为 0 和 1。第三个 <meter>
元素表示一个范围为 0 到 10 的进度条,当前值为 3,低于正常范围为 2,高于正常范围为 8,最佳值为 5。
<meter>
标签可以根据实际需求来展示不同类型的测量数据,使页面更加直观和易于理解。