vlambda博客
学习文章列表

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.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 声明的方式是区分重要因素

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