HTML5

转自：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5

                   https://platform.html5.org/

HTML5包含了新的元素，属性和行为，同时包含了一系列可以被用来让 Web 站点和应用更加多样化，功能更强大的技术。这套技术往往被称作 HTML5 和它的朋友们，通常简称为 HTML5。

有关 HTML5 技术可归类成若干组：

• 语义（Semantics）：元素语义化，输入框增加类型属性等。
• 通信Connectivity）：和服务器之间进行通信，Web Sockets，XHR 2。
• 离线 & 存储（Offline & Storage）：在客户端存储数据以及更高效地离线运行。本地存储，数据库，文件等操作。
• 多媒体（Multimedia）：使 video 和 audio 成为了在所有 Web 中的一等公民。
• 绘图 & 动画（2D/3D Graphics & Effects）：提供了更加分化范围的呈现选择。canvas，SVG，webGL等。
• 性能 & 集成（Performance & Integration）：显著性能优化和更有效使用计算机硬件。拖放，全屏，postMessage(),history.hash等。
• 设备访问（Device Access）：能够处理各种输入和输出设备。camera API，触控，地理位置等。
• 样式（Styling）:CSS 3

性能 & 集成：Web Worker
web worker在后台运行，不阻塞浏览器线程。
woker脚本文件中，在需要输出数据的地方使用postMessage(“data”);

创建worker对象：
var w=new Worker("demo_workers.js");
worker的事件：
w.onmessage = function(event){
console.log(event.data);
};
worker的方法：
w.terminate();

通信：server-sent event（SSE）
Server-Sent 事件指的是网页自动获取来自服务器的更新。是浏览器提供的实现Comet交互的API。

创建SSE对象：
var source=new EventSource("demo_sse.php");
SSE的事件：
source.onopen=function(event)
{
console.log("onopen");
};
source.onmessage=function(event)
{
console.log(event.data);
};
source.onerror=function(event)
{
console.log("onerror");
};