近期学习总结

近期对于新的H5标签定义及使用进行了浅学习，接下来为大家罗列近期学习的内容，供大家学习及参考。

datalist标签，相当于下拉搜索相关内容的标签，比如在百度输入H，下拉菜单会弹出H5，HTML，H字母等相关的搜索。例如下面一个案例

1、datalist标签

 <input list='data'>
<datalist id='data'>
<option value="a"></option>
<option value="ab"></option>
<option value="ac"></option>
<option value="b"></option>

</datalist>

运行结果如下：

假如我输入a，下拉会自动弹出有a这个关键字的所有搜索结果，，反而只有b的不会被弹出。

2、audio标签

这是添加一个音乐的标签，例如：

<audio class="au" src="source/Adam Lambert - Mad World.mp3" controls></audio>

运行结果如下：

可以暂停，继续，可以调节进度条，可以控制音量大小。

3、draggable

拖拽标签，例如：

<ul>

        <li draggable="true" style="background:red;"></li>

</ul>

运行结果如下：

当然也有局限性，仅可以拖拽，鼠标左键松开后消失。

4、sessionStorage : 这是一个存user的标签，关闭浏览器后自动清除用户的数据。

      localStorage : 这个标签和sessionStorage标签类似，只不过他自动存入本地，浏览器关闭后再打开浏览器还会有。也是现在最常用的存储标签，这两个比cookie性能更好。

暂时只写这么多，这些是实际项目比较常用的标签，还有一些常用的还没有罗列出来，可以去W3C查阅，学习。