html5 程序汇总

admin

1、meter   进度条
例：<p><meter min="0" max="1024" value="600">600/1024</meter>600/1024 GB</p>

2、progress   进度条
例：<p>完成百分比：<progress max="100" value="60"></progress>60%</p>

3、mark   高亮显示
例：<p><mark>mark</mark>标记的<span class="zhu">应用</span></p>

4、details    展开标签
例：<details><summary>html5</summary><p>html5真是太神奇了！</p></details>

5、nav  直接写导航条
例：<nav><a href="#">home</a>
<a href="#">about us</a>
<a href="#">products</a>
</nav>

6、<input type=color>  点击弹出颜色选取框

rain

html5是一项标准而不是技术，20年前就已经出现，只是近几年浏览器厂商实现了对html5大多数属性的支持，才火起来。
1、插入视频
<video width="320" height="240" controls="controls">  <source src="movie.ogg" type="video/ogg">  <source src="movie.mp4" type="video/mp4"></video>
controls  :   如果出现该属性，则向用户显示控件，比如播放按钮

2、插入音频
<audio src="song.ogg" controls="controls"></audio>
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式：

3、拖放：