叶子网络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://www.fob0.com/)