• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解

html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含html5 meter,html5 meter改变颜色详解等相关知识,匿名希望在学习及工作中可以帮助到您
html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解.本篇文章主要给大家说的就是html5 meter标签的定义和用法,还有关于html5 meter度量衡如何改变颜色的详细介绍

html5 meter标签的定义和用法:

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

比如:磁盘使用情况,查询结果的相关性等。

注意: <meter> 不能作为一个进度条来使用, 进度条 <progress> 标签。

这有实例:

<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>

什么是meter元素:

meter元素表示规定范围内的数量值。meter元素有6个属性!

1.value属性:在元素中特地地表示出来的实际值。该属性值默认为0,可以为该属性制定一个浮点小数值。

2.min属性:指定规定范围时允许实用的最小值,默认0,在设定该属性时所设定的值不能小于0。

3.max属性:指定规定的范围时允许使用的最大值,如果设定时该属性值小于min的值,那么把min属性的值视为最大值。max属性的默认值1。

4.low属性:规定范围的下限值,必须小于或者等于high的值。

5.high属性:规定范围的上限值。如果该属性值小于low属性的值,那么把low属性的值视为high属性的值,同样如果该属性的值大于max属性的值,那么把max属性的值视为high的值。

6.optimum属性:最佳值属性值必须在min属性值与max属性值之间,可以大于high属性值。

html5 meter度量衡如何改变颜色:

在meter中要想改变颜色,需要用到五个值,分别是:min(最小值)、max(最大值)、low、high、value和optimum,其中前四个值会把整个进度划分成3区间,

绿色:当value和optimum值在一个区间时,它就会呈现出绿色。

黄色:当optimum在high和max之间的时候,value在low和high之间,它就会呈现出黄 色

当optimum在low和high之间的时候,value值在min和low之间,在high和max 之间的时候就会呈现出黄色。

当optimum在min和low之间的时候,value值在low和high之间会呈现出黄色。

红色:当optimum在high和max之间的时候,value值在min和low之间时就会呈现出红 色。

当optimum在min和low之间的时候,value在high和max之间就会呈现出红色。

当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色

当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色

当optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色

当optimum在绿色区域的时候,valu值在中间绿色区域是为绿色

当optimum在绿色区域的时候,value值在min和low之间和在high和max之间时都呈现出黄色

当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色

当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色

当optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色

HTML 4.01 与 HTML 5 之间的差异:

<meter> 标签是 HTML 5 中的新标签。

【相关推荐】

HTML <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?

HTML<option>的属性有哪些?option selected属性的具体用法介绍

以上就是html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解

相关文章

  • 2018-12-03HTML5 CANVAS:绘制阴影和填充模式
  • 2018-12-03作为一个前端工程师,是往node方面转,还是往HTML5方面转?
  • 2018-12-03canvas游戏开发学习之七:变形
  • 2018-12-03详解H5 活动页之移动端 REM 布局适配方法
  • 2018-12-03html5 canvas绘制爱心的方法示例
  • 2018-12-03canvas游戏开发学习之八:组合
  • 2018-12-03好看且免费的 Web Font 有哪些推荐?
  • 2018-12-03html5教程画矩形代码分享
  • 2017-08-06HTML5制作3D爱心动画教程 献给女友浪漫的礼物
  • 2017-08-06HTML5 Web 存储详解

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 总结关于填充与描边注意点
    • html5的新增的标签和废除的标签简要概述
    • HTML5嵌入音频和视频的方法
    • html5 在pc端有没有类似于 初页app 一样的傻瓜制作 网站?急需!?
    • 如果原先没有 HTML 和 CSS 的基础,可以直接学 HTML5 和 CSS3 吗?
    • HTML5技术秀:你的3D立体旋转名字
    • 基于HTML5 Canvas 实现矢量工控风机叶轮旋转
    • 关于网络画板的10篇文章推荐
    • 浅谈规则详解实例教程
    • HTML5头部 meta介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有