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

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培训哪家好,中享思途】
好彩客app|st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛Python培训,青岛IT培训,java培训,ui培训,HTML5培训,python培训,java就业培训,专业ui设计,前端开发培训,IT培训,思途教育,青岛思途,中享思途
Copyright (c) 青岛思 途共享科技信息服务有限公司 鲁ICP备14027489号
友情链接:    真钱炸金花app   米兜彩票注册   博猫彩票开户   久久现金捕鱼游戏   K8彩票找不到了