您现在的位置:首页行业资讯

html5中meter标签的详细介绍--中享思途

在html5版本中新增了很多新标签,今天小编要介绍的就是其中一个,即meter标签。meter标签由于是html5新增标签,目前IE浏览器还不支持,所以用的还不是很多。

青岛HTML5培训--中享思途

“meter”作为英文单词有“计量器”的意思,那它作为html中的标签又是用来做什么的呢?接下来我们一起来看看html中meter标签的定义及用法吧!
一、meter标签定义及用法
在html中,meter标签是html5版本中新增标签,是使用来定义已知范围或分数值内的标量测量(比如:磁盘用量、相关性等等)。
meter标签的效果很像进度条,但是它不作为进度条来使用。如果要表示进度条,通常使用progress标签。

青岛HTML5培训--中享思途

二、meter标签语法格式
<meter value="值"></meter>
说明:
meter标签是双标签,但是标签中的内容不在浏览器中显示;meter标签的value属性规定度量的当前值,是必需属性,其余的属性是可选属性;
三、meter标签属性
value:规定度量的当前值,必需参数;form:规定meter标签元素所属的一个或多个表单;high:规定被视作高的值的范围;low:规定被视作低的值的范围;max:规定范围的最大值;min:规定范围的最小值;optimum:定度量的优化值;

青岛HTML5培训--中享思途

四、实例
<!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
运行结束:

青岛HTML5培训--中享思途

好了,关于html中meter标签的详细介绍就到此结束了,希望能帮助大家!

【关键词:青岛html5培训,学HTML5多少钱,HTML5培训哪家好,中享思途】
 st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛IT培训,青岛嵌入式培训,青岛运维培训,Java就业培训,专业ui培训,前端开发培训,嵌入式培训价格,运维培训哪家好,IT培训,青岛思途,中享思途IT培训
Copyright © 青岛思途共享科技信息服务有限公司 鲁ICP备14027489号-2

鲁公网安备 37021402000988号

青岛Java培训,青岛HTML5培训,青岛UI培训,青岛IT培训,青岛嵌入式培训,青岛运维培训,Java就业培训,专业ui培训,前端开发培训,嵌入式培训价格,运维培训哪家好,IT培训,青岛思途,中享思途IT培训