6月第19题：HTML5 有哪些新特性?

Posted 2021-06-22 前端面试每天1题

新增元素：

• canvas

• 用于媒介回放的 video 和 audio 元素

• 本地离线存储 localStorage 和 sessionStorage

语意化更好的内容元素：

• article

• footer

• header

• nav

• section

位置 API：Geolocation

navigator.geolocation.getCurrentPosition(callback)

html5 Web Workers

// 1、创建 web worker 文件 demo_workers.jsvar i=0;function timedCount(){ i=i+1; postMessage(i); // 它用于向 HTML 页面传回一段消息 setTimeout("timedCount()",500);}timedCount();
// 2、创建 Web Worker 对象w=new Worker("demo_workers.js");// 3、 向 web worker 添加一个 "onmessage" 事件监听器：w.onmessage = function(event) { console.log(event.data);};// 4、终止 Web Workerw.terminate();

拖放 API：drag、drop

【扩展】如何区分 HTML 和 HTML5?

• DOCTYPE 声明的方式是区分重要因素

• 根据新增加的结构、功能来区分