Html5概念理解
H5是国内对Html5的简称，其实我们每天都在接触它，它无处不在。从「围住神经猫」，「击打企鹅」，「在房祖名中找到张默」这些红极一时的火爆游戏，到现在微信朋友圈推送广告时宝马、VIVO的广告，支付宝十年账单等等，背后都是HTML5技术。
但是很多时候大家对H5认识都只是停留在「页面」这个层次上，甚至还会有一些误解，下面就是关于HTML5的一些常见的误解：Html5是一项新技术Html5原本指HTML下一个主要的修订版本，所用到的技术很早就已经成熟了，而Html5本身并非技术，而是标准。现在国内普遍说的H5是包括了CSS3，JavaScript的说法（严格意义上说，这么叫并不合适，但是已经这么叫开了，就将错就错了）。那可能有不懂技术的同学会问，到底什么是HTML呢？正规的说法是，HTMLHyperTextMarkupLa
guage，超文本标记语言是一门标记语言。所谓「超文本」就是指页面里可以包含图片，链接，甚至音乐等非文字元素；计算机之间需要沟通，那些是正文，那些是图片，都需要标记，标记这些的一套规范和标准就是HTML。
Html5的性能不好上面已经说了，Html5本身并不是技术，而是一个标准，不涉及性能问题。性能的问题往往是多方面的，软件层面（浏览器对H5的支持），
1
f硬件层面，包括代码都可能会导致性能问题。不过现在硬件的更新速度非常快，iPho
e4S的CPU是A5，而iPho
e6已经是A8了，按苹果的说法，速度共提升了75倍；移动端浏览器大部分是现代浏览器，对Html5和CSS3的支持都很好。
绘图功能SVG和Ca
vas都能使你在浏览器中画图，但是基本原理不一样。SVGScalableVectorGraphicsSVG即是ScalableVectorGraphics，是一种用来绘制矢量图的HTML5标签。SVG基于XML（EXte
sibleMarkupLa
guage，可拓展标记语言，类似于HTML），这意味着SVGDOM中的每个元素都是可用的。您可以为某个元素附加JavaScript事件处理器。在SVG中，每个被绘制的图形均被视为对象。如果SVG对象的属性发生变化，那么浏览器能够自动重现图形。Ca
vasCa
vas，顾名思义，是画布，通过JavaScript来绘制2D图形。Ca
vas是逐像素进行渲染的。在ca
vas中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。WebGLWebbasedGraphicsLa
guage
2
fWebGL是一个跨平台、免费的底层3D绘图API的Web标准，是一套用于渲染2D和3D图形的标准图形库。作为一项强大的图形技术，WebGL可以很好的呈现3D效果。iOS8宣布支持WEBGL后，百度r