optimum决定meter的绿色优区间：它与low、high共同划分[min,max]为三段，optimum所在段变绿，相邻段黄，最远段红；optimum超出min/max属语义错误，应避免。
optimum 不是“最好数字”，而是告诉浏览器哪一段区间该显示绿色——它必须和 low、high 配合才有颜色效果，单独设 optimum 几乎没用。
optimum 怎么影响 meter 的颜色？
浏览器把 min 到 max 拆成三段：[min, low)、[low, high]、(high, max]；然后看 optimum 落在哪一段，那一段就变成绿色优区间。相邻段变黄，最远段变红。
-
optimum="85"且low="60"、high="90"→ 它落在第二段[60, 90]，整段变绿 -
optimum="92"同样设置 → 它掉进第三段(90, max]，那整段变绿，value="88"反而显示为黄色 - 颜色不取决于
value和optimum的差值，只取决于value所在区间与“优区间”的相对位置
optimum 超出 min/max 会怎样？
行为未定义。部分浏览器可能渲染异常，比如完全不着色、颜色错乱，或静默忽略。这不是兼容性问题，是语义错误。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
min="0"、max="100"时，optimum="105"或optimum="-5"都应避免 - 若业务逻辑是“越低越好”（如错误率），设
optimum="0"，而不是负数 - 若“居中最好”（如温控偏差），可设
optimum="50"，但前提是min="0"、max="100"
为什么 value="90" 有时是红的，有时是绿的？
关键不在 value 本身，而在 low、high、optimum 三者的组合关系。同一 value 在不同配置下颜色完全不同。
-
<meter value="90" min="0" max="100" low="40" high="80" optimum="100"></meter>→optimum="100"落在第三段，所以90在绿色区 -
<meter value="90" min="0" max="100" low="40" high="80" optimum="0"></meter>→optimum="0"落在第一段，90就成了最远段，显示红色 - 调试时建议先固定
low和high，再调optimum，否则颜色变化难以预期
最容易被忽略的是：optimum 的语义必须和 low/high 的区间划分对齐。写完别只看 value 是否“接近 optimum”，要检查 optimum 落在哪一段，再确认那一段是否符合你的业务定义。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
