http://learn.shayhowe.com/html-css/
http://www.html5tricks.com/
主要内容：WebSocket 属性,WebSocket 事件,WebSocket 方法,WebSocket 实例,安装 pywebsocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 在 WebSocket API 中，
主要内容：Server-Sent 事件 - 单向消息传递,浏览器支持,接收 Server-Sent 事件通知,实例,检测 Server-Sent 事件支持,服务器端代码实例,实例,EventSource 对象HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更
主要内容：MathML 实例,实例,实例,实例,实例,实例,实例HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。 MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。 注意：目前只有 Firefox 或 Safari 浏览器支持，大部分浏览器还不支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 S
主要内容：什么是SVG？,SVG优势,浏览器支持,把 SVG 直接嵌入 HTML 页面,实例,实例,SVG 与 Canvas两者间的区别,Canvas 与 SVG 的比较SVG 定义为可缩放矢量图形。 HTML5 支持内联 SVG。 HTML <svg> 元素是 SVG 图形的容器。 SVG 有多种绘制路径、框、圆、文本和图形图像的方法。 SVG Sorry, your browser does not support inline SVG. 什么是SVG？ SVG 指可伸缩矢量图形 (Scal
对于传统HTML 而言，HTML5 是一个叛逆。所有之前的版本对JavaScript 接口的描述都不过三言两语，主要篇幅都用于定义标记，与JavaScript 相关的内容一概交由DOM 规范去定义。 而HTML5 规范则围绕如何使用新增标记定义了大量JavaScript API。其中一些API 与DOM 重叠，定义了浏览器应该支持的DOM扩展。 因为HTML5 涉及的面非常广，本节只讨论与DOM
WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。 当你获
HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。 MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。 注意：大部分浏览器都支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 Safari 浏览器查看。 MathML 实例 以下是一个简
<canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。 在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。你的浏览器不支持 HTML5 的 <canvas> 元素. var c=document.getElementById("myCanvas"); var canvOK=1; try {c.getContext("2d");} catch (e
