请马上登录，朋友们都在花潮里等着你哦：）
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 马黑黑 于 2022-5-27 07:58 编辑
meter这个单词，一米两米的米的意思。在HTML5里，作为标签，meter是一个计量器。
meter标签简单语句：<meter min="0" max="100" value="20"></meter>
效果：
简单语句的代码中，min意为“最小”，是计量器的起始值，一般定义为0，缺省时也是0；max意为“最大”，是计量器的最大计量值，缺省值为1，可根据需要设定该值；value意为“值”，上面效果中绿色计量色块条就是由value值决定的，它其实与进度条的进度是同等意义的，类似于指标完成量的含义。
meter标签有意思的地方是与众不同的，试看以下效果：
上面，“进度”色块的颜色不是用CSS定义出来的，它是因为我们在meter简单语句的基础上增加了其他的属性值：
<meter min="0" max="100" low="20" high="50" value="19">
一个是 low，一个是 high，都是计量需要设置出来的属性。low，低的意思，high则是高的意思，应是将度量划分成不同等次的阈值或区间，从而更能生动地呈现度量。meter还有最后一个属性，optimum，最优之意，当它也参与其中，且此时value值小于 low 值，<meter min="0" max="100" low="20" high="50" optimum="80" value="19"></meter>：
meter标签的进度区间就是这三种颜色了，红黄绿，红表示任务完成量处于低级阈值，即小于 low 值，黄表示任务完成量处于中级阈值，即大于等于 low 小于 high，绿表示处于高级阈值，即大于等于 high 值。值得注意的是，红色要出现，optimum 属性必须出场。
不同的浏览器渲染 meter 计量器标签的形状和颜色不尽一致，但对meter标签的支持度都不错，除了 IE 和老的掉牙的安卓浏览器。 | 
发表于 2022-5-27 07:53
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2022-5-27 08:33
楼主
