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

2020-04-24 19:40:38易采站长站整理

进度条元素
使用这个元素显示下载的进度条,只有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