HTMLmeter 是 HTML5 中的一个新元素，它可以用来显示一个数值范围，并且可以提供一个可视化的表示。它是一种特殊的表单元素，可以用来显示进度、投票、评分或者其他数值范围。
使用 HTMLmeter 的方法很简单，首先在 HTML 文档中声明一个 meter 元素：
上面的代码声明了一个 meter 元素，它的最小值是 0 ，最大值是 100 ，当前值是 50 。这样浏览器就会在页面上显示出一个表格来表示这个数值范围。
HTMLmeter 还有很多其他的属性可以使用，比如 low 和 high 属性：
上面的代码声明了一个 meter 元素，它的最小值是 0 ，最大值是 100 ，低水平是 20 ，高水平是 80 ，当前值是 50 。这样浏览器就会在页面上显示出一个表标来表示这个数值范围，同时也会将低水平、当前水平、高水平都标注出来。
此外 HTMLmeter 还有 optimum 属性可以使用：
上面的代码声明了一个 meter 元素，它的最小值是 0 ，最大值是 100 ，理想水平是 50 ﹐当前水平也是 50 。这样浏览器就会在页面上显示出一个表标来表示这个数值范围﹐同时也会将理想水平标注出来。
HTMLmeter 还可以通过 CSS 来修改外观﹐例如修改能量条的宽度、能量条的能量刻度、能量条能量刻度文字大小、能量条能量刻度文字位子、能量条能量刻度文字内容、能量条能量刻度文字对其方式、能量条当前位子文字大小、能量条当前位子文字内容对其方式 等。
meter元素显示在可能值范围的上下文中显示的值。
它具有局部属性: value，min，max，low，high，optimum，form 。
min和max属性设置可能值范围的边界。这些可以使用浮点数来表示。
meter元素的显示可以分为三个部分:太低，太高和刚好。
low属性设置值被认为过低的值，
high属性设置值被认为过高的值。
optimum属性指定“刚好正确"的值。
您可以看到这些属性应用于meter元素，如下所示。
<!DOCTYPE HTML>
<html>
<body>
<meter id="mymeter" value="90" min="10" max="100" low="40" high="80"
optimum="60"></meter>
<p>
<button type="button" value="30">30</button>
<button type="button" value="60">60</button>
<button type="button" value="90">90</button>
</p>
<script>
var buttons = document.getElementsByTagName("BUTTON");
var meter = document.getElementById("mymeter");
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = function(e) {
meter.value = e.target.value;
};
}
</script>
</body>
</html>
HTML div 和span HTML 可以通过 div 和 span 将元素组合起来。HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。块级...
通过指定链接文档的相对路径，可以将文档链接到其他目录。例如，位于子目录代码中的文件mycode.html的链接是：A href=”codes/my...
通过上节《XHTML与HTML之间的差异》的学习，我们知道编写 XHTML 代码需要干净的 HTML 语法，XHTML语法与HTML语法非常相似，几乎...
HTML 样式- CSSCSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页...