叶子网络bbs论坛

标题: html5 程序汇总 [打印本页]

作者: admin    时间: 2014-10-11 10:20
标题: html5 程序汇总
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    时间: 2014-10-14 10:46
本帖最后由 rain 于 2014-10-14 13:43 编辑

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、拖放:




欢迎光临 叶子网络bbs论坛 (https://fob0.com/) Powered by Discuz! X3.3