在昨天的“HTML5教程学习 - meter元素标签 I”中，我们了解了一下关于HTML5中的新元素标签<meter>的知识；今天来看一些代码小范例吧。
首先，不设定任何属性的状况：
<p>Your score is: <meter>2 out of 10</meter></p>
然后呢，可以增加最大值与最小值的属性设定：
<p>Your score is: <meter min="0" max="10">2 out of 10</meter></p>
增加了低值区、高值区和最佳值的属性设定：
<p>Your score is: <meter value="91" min="0" max="100" low="40" high="90" optimum="100">A+</meter></p>
不设定任何属性的时候，也可以使用百分比及分数形式，例如：
<meter>80%</meter>
<meter>3/4</meter>
这时<meter>的最大值会被认为是100%或1。
下面这段代码可以用作节日倒计时：
<p>Christmas is in <meter value ="30" min="1" max="366" title="days">30 days!</p>
justgiving.com中的这个页面是个很好的实例，代码大致是这个样子：
<dl>
<dt>Target</dt>
<dd><meter min="145" value="145" title="pounds">£145</meter></dd>
<dt>Amount raised so far</dt>
<dd><meter min="0" max="1000" low="50" high="125" value="145" optimum="145" title="pounds">£145</meter></dd>
</dl>
<meter>标签中的内容可以不包含任何数字，这时最大值会被认为是1；可以参考以下的代码及实际效果截图：
<p><meter value="0.5">Moderate activity,</meter> Usenet, 618 subscribers</p>
<p><meter value="0.25">Low activity,</meter> Usenet, 22 subscribers</p>
<p><meter value="0.25">Low activity,</meter> Usenet, 66 subscribers</p>
浏览器对<meter>的支持
截至发稿时...Safari 4，Firefox 3.5，Chrome 2，Opera 9.64原生支持<meter>标签；对于IE6,7,8，则需要以下条件注释来引入html5shiv：
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
