6月第19题:HTML5 有哪些新特性?
新增元素:
canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 和 sessionStorage
语意化更好的内容元素:
article
footer
header
nav
section
位置 API:Geolocation
navigator.geolocation.getCurrentPosition(callback)
HTML5 Web Workers
// 1、创建 web worker 文件 demo_workers.js
var 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 Worker
w.terminate();
拖放 API:drag、drop
【扩展】如何区分 HTML 和 HTML5?
DOCTYPE 声明的方式是区分重要因素
根据新增加的结构、功能来区分