简单自学web前端——H5新元素

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的拖放功能
    这个功能很强大，能够实现很多你想不到的功能，在这就不详细介绍了，
    等周末我自己做做试试，再发篇博客详细介绍下。