常常聽到人們對于HTML5的討論，看了頁面頭部這個那個就是html5，誤認為Html5只是新增些標簽“而已”，學完了W3School似乎就理解了。實際上很多從業(yè)人員并沒有深入理解業(yè)界為什么要推出HTML5系列技術標準，為什么HTML5代表了下一代網(wǎng)頁乃至移動應用技術。這里我們通過實際的例子來說明HTML5不是想象中的那么單?。ūM管還不那么成熟，還依賴于標準和瀏覽器的進一步發(fā)展），而是一本厚厚的需要長期學習的長篇巨著，HTML5甚至使得技術含量的天平在從后端向前端工程師傾斜，對于整個互聯(lián)網(wǎng)行業(yè)的結構性影響都是非常深遠的。
HTML5不只是簡化了協(xié)議聲明，添加了若干標簽和API，其核心目標是把網(wǎng)頁變成富媒體，最重要的就是給了你隨心所欲的畫布（canvas），Web再也不是枯燥的文本內(nèi)容和使用js制作的簡單DOM變化效果，前端工程師利用數(shù)學知識可以成為網(wǎng)頁魔法師（藝術家）。
http://wow.techbrood.com/fiddle/26587
http://wow.techbrood.com/fiddle/12892
CSS3的核心改變在于引入了動畫和特效，再也不是靜態(tài)的樣式，你可以利用filter、animation、gradient、blend-mode、shadow等特性制作出PS都做不出來的藝術動畫！還有一個重要特性是媒體查詢，用來支持響應式設計。另外css3/4在選擇器（selector）上也新增了很多規(guī)則（如屬性選擇器）。
http://wow.techbrood.com/fiddle/28386
http://wow.techbrood.com/fiddle/28385
SVG的核心是幾何圖形，為網(wǎng)頁引入了矢量圖，通過矢量圖的操作，可以實現(xiàn)很棒的變形動畫特效，
HTML5支持內(nèi)嵌SVG代碼，而CSS3也可以操作SVG元素，這使得SVG+CSS3結合起來可以實現(xiàn)非常豐富的矢量路徑動畫。
http://wow.techbrood.com/fiddle/14579
http://wow.techbrood.com/fiddle/16689
WebGL的核心很簡單，就是把網(wǎng)頁從2D變成3D展示和交互，乃至于支持虛擬現(xiàn)實。（CSS3也有3D效果，但是WebGL是硬件加速的?。?/p>
http://wow.techbrood.com/fiddle/11465
http://wow.techbrood.com/fiddle/14101
大公司的前端工程化工具，通過組件化規(guī)范化的方式試圖“簡化”Web編程，但需要提醒的是大公司工具往往是小團隊的坑。
在用戶需求更為靈活和個性化的中小項目市場，關注HTML5規(guī)范和創(chuàng)意設計本身可能要更為重要。
http://wow.techbrood.com/fiddle/30186
http://wow.techbrood.com/fiddle/27762
