html5的新特性

1.HTML5拖放
在H5中，拖放是标准的一部分，任何元素都能够拖放
例如:

首先，设置元素可拖放,把draggable属性设置为true

<img draggable="true">
    拖动什么-ondragstart和setData()
    放到何处-ondragover
    进行放置-ondrop

    //1.event.dataTransfer:在进行拖放操作时，DataTransfer对象用来保存被拖动的数据,可以保存一项或多项数据，一种或多种数据类型
    //2.setData,可以把固定格式的数据赋值给dataTransfer对象，
    <div class="dropzone">
        <div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
            //拖动触发
            document.addEventListener("dragstart",function(event){
                dragged = event.target;
            },false);
            //拖动停止
            document.addEventListener("dragend",function(event){

            },false);
            //拖动松手
            document.addEventListener("dragover",function(event){
                //默认情况下是无法允许一个元素放在另一个元素上的，要放置需阻止默认行为
                event.preventDefault();
            },false);
        </div>
    </div>

2.web存储
sessionStorage-客户端数据存储，只能维持在当前会话范围内
sessionStorage方法针对一个session进行数据存储,当用户关闭浏览器后，该存储会被删除
，属于会话级别存储
localstorage-客户端数据存储，没有时间限制，是一种持久化级别存储，除非手动删除

3.语义化标签
4.websocket: WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议，为什么要使用他，因为正常http请求是无状态的，那么这样服务器状态频繁改变会很麻烦，需要频繁ajax请求