HTML5新元素新属性
Html5添加了很多新元素和新属性,我通过视频学习到了很多,在此整理一下,希望对初学H5的同学有些帮助。
1、ol标签加强
start属性来定义标号的开始值
reversed属性来进行反向编号
2、canvas是H5新增的元素
专门用来绘制图形的,功能很强大,在我的上一篇博客中详细介绍了,想学的可以看看。
3、H5新增的保存对象
临时保存,就是将数据保存在session对象中,当关闭网页后悔自动删除掉。
sessionStorage
存储 sessionStorage.setItem('key','value'); 以键值对的形式保存
获取 sessionStorage.getItem('key');
永久保存,将数据保存在客户端本地的硬件设备上面,被关闭时不会丢失。
localStorage
存储 localStorage.setItem('key', 'value'); 同样以键值对的形式保存
获取 localStorage.getItem('key');
localStorage.length 保存的键值对的个数
localStorage.key(index) 利用索引显示key
localStorage.clear() 清除保存的所有数据
4、video元素和audio元素
video元素,专门播放视频
<video width="" height="" src="" controls="controls">你的浏览器不支持H5</video>
中间可以放提示语
audio元素,专门播放音频
<audio src="" controls="controls">你的浏览器不支持H5</audio>
中间可以放提示语
属性:
autoplay="autoplay" 自动播放
controls="controls" 为音频视频添加浏览器自带的控制条,所以每个浏览器显示的可能都不一样。
preload 是否进行预加载
1)none 不进行
2)metadata 值预加载媒体的元数据
3)auto (默认的)预加载全部的视频音频
loop="loop" 是否进行循环播放
5、H5的拖放功能
这个功能很强大,能够实现很多你想不到的功能,在这就不详细介绍了,
等周末我自己做做试试,再发篇博客详细介绍下。