HTML5标签<；仪表>；属性

HTML5规范中有一个名为

的新标签。 它有三个属性，很容易理解，但它们的功能和视觉效果却不那么清晰。它们是高、低和最优的

我看到一些米元素是红色或黄色的，我猜这些颜色与这些属性有关。但我不知道怎么做

---

有人能给我描述一下吗？

规范并没有具体说明颜色。对于默认样式，在Firefox 22和Safari 6中

• 如果

  low

  ：
  • 如果该值为<

    低

    或>

    高

    ，则显示为黄色
  • 否则为绿色（最佳效果无效）
• 如果

  低<高<最佳

  ：
  • 如果该值为
    ，则显示为红色
  • 如果该值为
    ，则显示为黄色
  • 否则是绿色的
• 如果

  最佳

  ：
  • 如果该值为高，则显示为红色
  • 如果该值为

    >低

    ，则显示为黄色
  • 否则是绿色的

这实际上是：

仪表区域的UA要求：如果最佳点等于低边界或高边界，或两者之间的任何位置，则仪表低边界和高边界之间的区域必须视为最佳区域，低边界和高边界（如有）必须视为次优区域。否则，如果最佳点小于低边界，则最小值和低边界之间的区域必须视为最佳区域，从低边界到高边界的区域必须视为次优区域，其余区域必须视为较差区域。最后，如果最优点高于高边界，则情况相反；高边界和最大值之间的区域必须视为最佳区域，从高边界到低边界的区域必须视为次优区域，其余区域必须视为较差区域

我们使用绿色表示最佳区域，黄色表示次最佳区域，红色表示较差区域

---

顺便说一句，您可以设置

元素的样式（请参见）。

了解这三个部分（低、最佳、高）的功能和视觉效果 取决于仪表元素上指定的属性及其值； 根据段的类型，相同的值可以显示为不同的颜色（绿色/黄色/红色）

---

为了清楚地了解仪表颜色、值、段，请观看

，正如我所说的，规范是可以理解的，但它们的功能不是。请注意，答案应该是搜索解决方案的终点（与另一个参考的中途停留相比，随着时间的推移，这些参考往往会过时）。请考虑在这里添加一个独立的概要，保持链接作为参考。谢谢<代码>最佳< /代码>比较；当我有一些米，低=0.2高=0.4值=0.5，没有最佳值，颜色基本上是向后的时候，我把头发拔了出来！