千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:武汉千锋IT培训  >  行业资讯  >  Web前端知识分享:meter标签的详细介绍

Web前端知识分享:meter标签的详细介绍

来源:千锋教育
发布人:lemon
时间: 2021-10-18 14:38:00

       meter标签是学习Web前端不可绕开的知识点,也是HTML5新增众多标签中的一个,今天,千锋武汉Web前端培训老师就为大家详细介绍meter标签。“meter”作为英文单词有“计量器”的意思,那它作为HTML中的标签又是用来做什么的呢?接下来跟千锋武汉Web前端培训小编一起来看看HTML中meter标签的定义及用法! 

图片2

       一、meter标签定义及用法

       html中,meter标签是html5版本中新增标签,是使用来定义已知范围或分数值内的标量测量(比如:磁盘用量、相关性等等)。

       meter标签的效果很像进度条,但是它不作为进度条来使用。如果要表示进度条,通常使用progress标签。

       二、meter标签语法格式

       <meter value="值"></meter>

       说明:

       meter标签是双标签,但是标签中的内容不在浏览器中显示;meter标签的value属性规定度量的当前值,是必需属性,其余的属性是可选属性;

       三、meter标签属性

       value:规定度量的当前值,必需参数;form:规定meter标签元素所属的一个或多个表单;high:规定被视作高的值的范围;low:规定被视作低的值的范围;max:规定范围的最大值;min:规定范围的最小值;optimum:定度量的优化值;

       四、实例

       <!DOCTYPE html><html><head>

       <meta charset="utf-8" />

       <title>html中meter标签的详细介绍</title>

       </head>

       <body style="background-color: bisque;">

       <h3>meter标签演示</h3>

       十分之七:<meter value="7" min="0" max="10">十分之七</meter><br>

       80%:<meter value="0.8">80%</meter>

       <h4>IE浏览器目前不支持 meter标签</h4>

       </body></html

       运行结束:

图片1

       以上就是千锋武汉Web前端培训老师关于meter标签的详细介绍,除了各种标签的运用,Web前端还有很多知识点需要学习。如果你想学习Web前端,就来千锋武汉Web前端培训机构,大牛全程面授,真实项目实战。现在咨询还能免费试听两周,亲身实地体验授课品质,了解学员学习情况!

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

什么是web前端开发?在哪学效果比较好

2023-03-23

JAVA培训班多少钱?JAVA培训班费用的影响因素

2023-03-07

初学武汉Java培训常见的5个问题及解决方案!

2022-06-29

最新文章NEW

想转行学it会不会有更多的就业机会

2023-03-13

如何快速学习java?学习java主要学什么

2023-02-28

学java有什么用,怎样才能学好java

2023-02-23

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>