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