1、HTML5 有哪些新特性?
新增功能:HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加
新增选择器 document.querySelector、document.querySelectorAll 拖拽释放(Drag and drop) API
媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage
localStorage关闭页面也不会清除,sessionStorage关闭页面会自动清除
离线应用 manifest 桌面通知 Notifications 语义化标签 article、footer、header、nav、section
HTML5语义化标签是指正确的标签包含了正确的内容,结构良好,便于阅读,比如nav表示导航条,类似的还有article、header、footer等等标签。
增强表单控件 calendar、date、time、email、url、search 地理位置 Geolocation 多任务 webworker
在HTML页面中,如果在执行脚本时,页面的状态是不可响应的,直到脚本执行完成后,页面才变成可响应。web worker是运行在后台的js,独立于其他脚本,不会影响页面你的性能。并且通过postMessage将结果回传到主线程。这样在进行复杂操作的时候,就不会阻塞主线程了。
如何创建web worker:
- 检测浏览器对于web worker的支持性
- 创建web worker文件(js,回传函数等)
- 创建web worker对象
全双工通信协议 websocket
历史管理 history
跨域资源共享(CORS) Access-Control-Allow-Origin
页面可见性改变事件 visibilitychange
跨窗口通信 PostMessage
和webworker有关
Form Data 对象 绘画 canvas
移除的元素:
纯表现的元素:basefont、big、center、font、 s、strike、tt、u 对可用性产生负面影响的元素:frame、frameset、noframes