经常有客户咨询说你们会做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吸纳为标准,这也就是为什么有些特性需要加前缀的原因。

04-14 09:59