HTML5 知识点总结

187 阅读1分钟

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表示导航条,类似的还有articleheaderfooter等等标签。

增强表单控件 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