1 HTML5 简介

1、HTML5基本认知 -> 建立了新规则：新特性基于HTML、CSS 、DOM以及JavaScript；减少外部插件的使用(如Flash)；更优秀的错误处理；更多取代脚本的标记；其独立于设备，而且开发进程对公众透明(控制台可查看源码)；

- - ->>>新特性聚焦点：新标签、新属性、新事件(补充dataTransfer对象)、离线缓存 ->除此,HTML5还有很多"细致"的内容；

(1).新标签 ->语义化：article:文章;->等同于div;  section:章节; ->等同p; aside:旁边(文章以外的部分);[自定义标签皆为行元素，header/article系列是快元素，canvas/svg/audio/video都是行内块元素，标签内容不能直接写文字，没效果；其同普通标签相同，同页面中可引入多个]

(2).新属性：contenteditable;/draggable;/hidden;/data-val;/contextmenu;

(3).新增事件：demo -> 实现回收站

(4).新表单控件：[input type类型] calendar/date/time/email/url/search -> 除此其还新增了新的表单元素、表单属性 ->不同浏览器兼容性不同

(5).本地离线存储更好的支持：localStorage; sessionStorage;

补充：dataTransfer对象：types/files/setData();/getData();/clearData(); ->其经常结合“拖放”事件使用，进行传递数据；

// e.dataTransfer.setData('id',e.target.id);

// var demo = document.getElementById(e.dataTransfer.getData('id')).cloneNode(true);