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);