但是被iOS坑慘了之後 就會不自覺的進行各個方向和前景分析 或許是一朝被蛇咬十年怕井繩吧   

後來在簡書上看到了 我是老和尚的一篇文章 http://www.jianshu.com/p/941091fc2ba0  感覺找到了一個模糊的目標

於是開始上網百度自學H5的各種介紹----這裡找到了11個線上學習網站

W3School是學習HTML5最好的資源之一，它擁有的教程都帶有例子，幾乎可以解決你所需要的所有知識點。如果你想從基礎開始學習HTML5的話，那麼這個網站會是一個很好的選擇。你可以學習到HTML5的所有元素，比如標籤、影象、圖形，以及無需多做其他操作，只需跟隨教程的教書步驟走即可，用簡單的語言解釋和互動讓學習變得簡單。

如果想要觀看HTML5的速成課程，以及獲取學習HTML5的所有效能，那麼htmlgoodies會是一個不錯的開始。在網站的左邊部分，你可以看到分類細緻的基礎、教程。問答等，你可以任意快速跳轉到自己想要開始學習的部分。

HTML5-tutorial可以讓你在短時間內有一個良好的開局，在這裡，你可以瞭解HTML5的基本知識和要點，如何構建一個網站、編輯和除錯程式碼進行開發學習，很適合初學者入門學習。

HTML5 Doctor網站提供了許多內容不錯的文章，這些文章將會幫你更好的學習和實現HTML5開發。而且，除了這一特色，網站還有一個“Ask the Doctor”部分，在這裡，可以向專家提問，通過他們的專業講解解決你遇到的所有問題。

如果開發人員想要在網站中實現HTML5，並開展HTML5編碼相關的研發，那麼要關注Html5 Rocks網站。在這個網站中能夠獲取HTML5的所有功能資訊，以及學習如何在網站或應用程式中實現。

Alison是免費學習HTML5的一個很好的線上平臺，上面提供的HTML5課程，讓你逐步去學習設計、構建和推出Web上的頁面。你將獲得高品質的視訊和持續的學習時間，當然也可以按照自己的節奏去安排HTML5的學習。

這是另一個很好的線上學習平臺，無論你是初學者還是具有中級水平的開發人員，它都為你準備了相應的HTML5畫布（canvas）和遊戲開發的課程。有興趣的，不妨一試。

在thenewboston你可以找到HTML5免費的視訊課程，這個網站擁有很好的程式設計視訊課程的合集，比如Adobe、Java和C++。在電腦科學部分你可以找到HTML5程式設計，可以得到一些HTML5、畫布、視訊播放器的教程，並且還都是免費的。

線上學習HTML5程式設計的高階教程

通過免費的教程、部落格、視訊，我們已經獲得了基礎和全面的HTML5程式設計知識，那麼是時候通過高階的HTML5視訊教程來深入的瞭解HTML5程式設計技巧。大量的實踐之後，我發現了這些網站，你可以在HTML5上使用高階程式設計進行專案、小測驗、應用來學習先進的HTML5。

如果不提及學習HTML5這一話題的話，我們真的會錯過Eduonix。這是一個優秀的線上平臺，你可以找到所有Web技術和移動開發技術。Eduonix的HTML5程式設計專案課程，是開發人員通過10個專案和測試，來提升他們HTML技能的一大資源。

10. Udemy

在這個平臺上，無論你是什麼型別的程式設計師都可以進來學習HTML5及其他一些的程式語言。這裡通過互動視訊來學習HTML5，當然學完還有相關認證。在Udemy上你可以找到基於HTML5的專案課程去提高你在Web設計中的技能。你只需在Udemy上註冊並參加註冊課程，就可以享受視訊講座。

Webucator網站提供現場培訓課程、私人培訓、集體培訓和自學課程，來對你的HTML5技能進行高階訓練。不過你需要去支付一筆較高的費用，但有付出總會有回報的。