HTML5出来已经很久了，然而由于本人不是搞前端的，只知道有这个东西，具体概念有点模糊（其实就是一系列标准规范啦）；因此去年（2015.11.09），专门对HTML5做了个简单的小结，今天正好看到，整理一下放到我的博客，以免丢失。有错误请指正，我是前端菜鸟。
另外，转载请注明链接，虽然内容比较简单，但也是花了不少时间整理的。
先来个目录，如下：
简单地说，HTML5就是一系列用来制定现代富Web内容的相关技术的总称。
HTML5 ≈ HTML5核心规范 + CSS 3 + JavaScript； 其中HTML5和CSS主要负责界面，JavaScript负责逻辑处理；
目的：减少互联网富应用（RIA )对Flash、Silverlight、Java Applet等的依赖，并且提供更多能有效增强网络应用的API。
如下图为典型的RIA（Rich Internet Applications）网页，包含一些图表，视频，游戏等：
HTML5发展历史
如下表格为HTML 5标准演进历程：
2012 plan
2012
2013
2014
2015
2016
HTML 5.0
候选版
征求评价
推荐标准
HTML 5.1
第一工作草案
最后召集
候选版
推荐标准
HTML 5.2
第一工作草案
Tips：
Q：什么是WHATWG？
A：Mozilla基金会与Opera软件公司于2004年6月向W3C提交了一份立场文件遭否决， Mozilla、Opera和Apple便自立门户成立了WHATWG（网页超文本技术工作小组），同时也提出Web Applications 1.0。
Q：HTML5.0与HTML5.1的区别？
A：5.1是5.0的超集，5.0中只包含了稳定特性，5.1中包含了5.0中省略掉的不稳定特性和其他新特性；目的：为了尽快及时完成HTML5，W3C舍弃一些不稳定、有争议的元素，等到后续的5.1版本再考虑。
直到现在，仍然不存在一项旨在网页上显示视频、音频的标准，大多数通过插件（比如 Flash）来显示的；
但是，有了HTML5，我们可以不依赖任何插件，简单的使用video和audio标签来实现音视频的播放，如下代码：
Your browser does not support the video tag.
Your browser does not support the audio element.
如下，为视频和音频的效果图:
1、HTML5 <video> 、< audio >元素拥有方法、属性和事件。可以用js动态控制视频 & 音频播放暂停等动作；
2、Video 、audio元素允许多个 source 元素。source 元素可以链接不同的文件。浏览器将使用第一个可识别的格式
PS：YouTube默认就是使用HTML5播放器，可以登录其官网查看源码，如下:
HTML5 Canvas & SVG
画布Canvas
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element. </canvas> <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.moveTo(10,10); cxt.lineTo(150,50); cxt.lineTo(10,50); cxt.stroke(); </script>
如下，为效果图：
可伸缩矢量图形 (Scalable Vector Graphics)
style
Canvas & SVG 的常见应用
使用canvas和SVG可以实现很多小应用，特别是canvas，如下图例子：
Contenteditable全局属性
Contenteditable可用于实现网页编辑器，当前很多网页编辑器都用这个属性实现，如下图：
Drag 和 drop
HTML5 的拖放将会把与用户交互带向另一个等级，并将会对如何设计用户交互产生重大影响。
主要的事件函数：Ondragstart()、Ondragover()、Ondrop()；
如下为一个代码示例，将一个div拖放到另一个div里：
相关文章
精彩导读
热门资讯
关注我们
