H5的新特性:
- 用于绘画 canvas 元素。
- 用于媒介回放的 video 和 audio 元素。
- 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除。
- 语意化更好的内容元素,比如 article、footer、header、nav、section。
- 表单控件,calendar、date、time、email、url、search。
- css3的新特征:
- 选择器。
- 和透明度。
- 多栏布局。
- 多背景图。
- Word Wrap。
- 文字阴影。
- @font-face属性。
- 圆角(边框半径)。
- 边框图片。
- 盒阴影。
- 盒子大小。
- 媒体查询。
- 语音。
- SVG绘图
- 地理定位
- 拖放API
- H5之前没有拖放API,可以使用“鼠标按下 + 鼠标移动”两个事件来模拟用户拖动事件。
H5之后专门提供了七个鼠标拖动相关事件句柄:
拖动的源对象(source)可能触发的事件:
dragstart:拖动开始
drag:拖动中
dragend:拖动结束
拖动的目标对象(target)可能触发的事件:
dragenter:拖动进入
dragover:拖动悬停
drop:松手释放
dragleave:拖动离开
- WebWorker
- WebStorage本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除。
- WebSocket