- 语义化标签:header、footer、section、nav、aside、article
- 增强型form:
- input的多个type(color, date, datetime, email, month, number, range, search, tel, time, url, week)
- 新增表单元素:datalist、keygen、output
- 新增表单属性:placehoder, required, min和max, step, height 和 width, autofocus, multiple
- 新增Canvas、SVG API。
- 原生支持音频视频,audio、video
- Geolocation:共享地理位置获取ip,经纬度。
- 拖拽:新增drag API,属性和事件。
- Web Storage API:sessionStorage(保存在session中,浏览器关闭,数据消失)、localStorage(保存在客户端本地,除非手动删除,否则一直保存)
- Web Workers API:Web Workers可以让Web应用程序具备后台处理能力,对多线程的支持性非常好。但是在Web Workers中执行的脚本不能访问该页面的window对象,也就是Web Workers不能直接访问Web页面和DOM API。虽然Web Workers不会导致浏览器UI停止响应,但是仍然会消耗CPU周期,导致系统反应速度变慢。
- 父与子窗口通信:postMessage方法和addEventListener("message",...)
- WebSockets
共同点
- 都是保存在浏览器端。
不同点:
- cookie数据始终在同源的http请求中携带,
- sessionStorage和localStorage,仅在本地保存。
- cookie数据不能超过4k
- sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大
- sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;
- localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;
- cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭;
- sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;
- cookie,localStorage 在所有同源窗口中都是共享的;
DOCTYPE用来声明文档的类型为html,例如
<!DOCTYPE html>
浏览器会判断为html5类型,随之选择合适的协议来解析。