H5是什么，CSS3又是什么？

经常有客户咨询说你们会做H5吗，就像这个，拿过来一看，一个上下滑动的贺卡，这已经成为了大部分人对H5的理解，甚至很多大公司都推出了制作这种动画的工具，可以快速生成此类页面。（其实，这就用到了一些CSS3的技巧，好吗！！！）

我大H5就是你们说的这样吗，伤心！！！！

H5可是个牛逼闪闪的东西，且是你们说的那么低端

从大名鼎鼎w3school上可以了解到H5其实包含了很多的内容，有众多的新标签，canvas，svg，地理位置，web存储，应用缓存，web workers等，你们这些鸟人就知道nav，section吧。

H5从哪来？她是W3C和whatwg合作的结果，双方互通有无，创建了一个新版本的html，这个版本基于html，css，dom以及javascript，虽说是一个新版本的html实际上则是对h4的扩充，增加了一些新特性，也把成为事实标准的特性正式纳入了H5。
新特性典型的有svg，canvas，video、audio元素，article、header、footer之类语义化标签，calendar、date、email、url之类新表单控件，成为事实标准的本地存储api，如localStorage，sessionStorage等。

H5是两个组织合作的结果，CSS3又是什么呢？其实CSS3从来就没有在哪个规范中定义过，这点和CSS2.1以及更早的css1不一样。css1发表于1996年，这个版本非常简单也很少，只用一个html页面就全部呈现出来了。
CSS2发表于1998年，这个版本定义更加严格，涵盖的功能也更多，由于CSS2变的很庞大，W3C工作组决定将css打散分成多个不同的规范，每个规范独立更新，CSS3把CSS2中的部分规范进行了升级成为第三个版本，同时新增加了一些版本号为1的新规范，未来的css4依旧会这样升级，所以CSS3并不是一个独立的版本。
CSS3升级了CSS2的部分模块，如css语法，css层叠和继承，css颜色，选择符，css背景和边框，css值和单位，css文本排版，css文本装饰效果，css字体，css基本UI特性，要理解这些首先要充分理解CSS2，否则会一头雾水。
像CSS3变形，图像混合效果，动画，滤镜效果，css遮罩，css伸缩盒布局，css网格布局则是新增加的规范，版本号是1。
由此可见CSS3是大家约定俗成的一个说法，更多人的理解仅限于变形(transform)，转换(transition)，动画(animation)等之类的新规范，事实上整个CSS3包含了CSS2版本的升级以及新增加的特性。

题外话：
谈到CSS3就必须了解W3C组织，虽然规范都是由这个组织制定的，但是他并不生产标准，在其中只是扮演一个论坛的角色。W3C组织的成员包括86名W3C会员公司的成员，7名特邀专家以及5名W3C工作人员，真正给W3C工作的只有5个人而已，大部分是会员公司的成员，这些会员公司有浏览器厂商，主流网站，研究机构以及常规技术公司。
W3C最后制定出的这个标准是有很大滞后性的，因为很多特性都是浏览器厂商先在自己的浏览器上实现的，然后其他浏览器厂商跟进，最后被广泛使用，然后才被W3C吸纳为标准，这也就是为什么有些特性需要加前缀的原因。