html5中的增强元素—-meter元素的使用

在xhtml中我们不好使用其中的元素来来表示形如硬盘的使用情况等等。我们可能就是直接填写情况,为了使用图片来显示效果,我们就使用css来控制总的和已经使用的比例的不用颜色的显示。

但是在html5中为我们提供了一个meter元素来为我们解决这个问题。

输入代码:

————————————————————————————————-

<!DOCTYPE HTML>
<html>
<head>
<title>使用html5的页面设置标签–meter的使用</title>
<meta charset=”UTF-8″>

</head>
<body>
<cection>
<h2>meter的使用</h2>
<p>完成的百分比:<meter id=”p” max=”100″ min=”0″ value=”40″>400/100</meter>GB</p>
</section>
<h2><font color=”green”>记住我们<a href=”http://www.yugaga.com“>娱嘎嘎</a></font></h2>
</body>
</html>

———————————————————————————————————————–

效果截图:

演示地址:http://www.cangzhang.com/wp-content/uploads/2012/08/meter.htm

共有 0 条评论

Top