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

发布时间：2020-11-29 16:25:43 所属栏目：MySql教程来源：互联网

导读：HTML5中加入了全新的结构型元素，例如页眉header，页脚footer，导航nav，内容article，章节section等除了这种整个页面的结构型元素，html5也加入了块级别的语义

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

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

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

复制代码

代码如下:

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

复制代码

代码如下:

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

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

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!