叶子网络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论坛 (http://xuanfly.com/)
Powered by Discuz! X3.3