經常有客戶咨詢說你們會做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吸納為標准，這也就是為什么有些特性需要加前綴的原因。