HTML5之HTML元素扩展(上)—新增加的元素及使用概述

<audio src="MyFirstMusic.ogg" controls="controls" autoplay="autoplay" loop="loop">
你的浏览器不支持audio元素。
</audio>

其实，在html5中引入了很多项controls，autoplay,loop这种布尔属性，这些属性你像上面这种写是没问题的，但是推荐的写法是下面这种：

复制代码
<audio src="MyFirstMusic.ogg" controls autoplay loop>
你的浏览器不支持audio元素。
</audio>

因为浏览器遇到这些属性就说明这些属性开启了，也就是说如果你写上这些属性，并强行设置为false，效果还是等同于true，所以一般推荐只写属性名称。
这个写法问题在form中也是存在的，很多form和input的新属性都是布尔属性，都应该使用推荐的写法。

指示度量的元素
下面这些元素并不是每个浏览器都支持，但是基本上在Chrome上还可以可以看到效果的。
进度条元素
使用这个元素显示下载的进度条，只有value和max两个属性，非常简单。Chrome和FireFox都支持了。

复制代码
<p>下载进度:
<progress value="1534602" max="4603807">33%</progress>
</p>

度量元素
使用这个元素可以显示给定的值在标准范围类的指示图示，不同范围内的值会显示不同的颜色。某些网站就采用这个东西显示用户的当前经验值。当浏览器不支持这个元素的时候，会直接显示元素中间的文本。目前Chrome已经支持了。

复制代码
<p>你的分数是：
<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+</meter>.
</p>

运行一下，你会看到一个黄颜色的类似滚动条的东西；如果你把value改成50，你会发现指示条的颜色编程红色了。

新增加的元素介绍就是这么多了，更多的元素说明请参看W3C中的完整Tag列表。

实用参考：
W3C的教程：http://www.w3schools.com/html5/default.asp
HTML5官方指导：http://dev.w3.org/html5/html-author/
相当不错的一个指导网站：http://html5doctor.com/
HTML5中文教程：http://www.html5china.com/
一个不错的前端博客：http://www.pjhome.net/default.asp?cateID=1