: 度量标签

最后更新：2026-09-12

<meter>度量标签

显示已知数值在指定范围（min~max）内的度量结果，如磁盘用量、评分、温度计。不适合表示不固定范围的任务进度（那用 <progress>）。

分类	表单
内容模型	流式内容
允许的父元素	接受流式内容的元素
闭合标签	需要 `</meter>` 标签
状态	标准

📝 语法

<meter value="0.6" min="0" max="1">60%</meter>

⚙️ 属性

该元素支持全局属性及以下专有属性：

属性	值	描述
`value`		当前度量值（必填）。
`min`		取值范围下界，默认 0。
`max`		取值范围上界，默认 1。
`low`		“低”阈值，低于它视为偏低。
`high`		“高”阈值，高于它视为偏高。
`optimum`		最优值所在位置，影响颜色提示。

查看所有全局属性 → 查看所有事件属性 →

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<meter>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： meter 表示固定范围的度量；若进度未知（如加载中），用 <progress> 更合适。

更多案例即将上线，敬请期待。

📚 相关教程

HTML Forms HTML Input Types Reference

HTML 标签参考手册

查看全部 HTML 标签的语法、属性与示例。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。