html5的學習方法指導

學習前端開發我們都知道要學HTML、CSS、JS這些基本的知識，學習的內容基本差不多，但是學習的成果卻千差萬別。下面小編給大家整理了html5的學習方法，供大家參閲。

html5習方法

方法1 整體到局部，骨架到血肉

在學習HTML和CSS時，會涉及到網頁的搭建。學習這個知識時，我們採用的方法是“由外及內”，“由整體到部分”，“由全局到細節”。 學習東西，特別是在初識某個事物時，一定要從主幹到枝葉，而不要陷入細節，糾結於其中。主幹如同知識的一個主線，這種先找主幹後添枝葉的學習方法能夠讓知識遺漏變成最少，也會比較容易建立起知識知識間的關係。

方法2 類比

在學習CSS引入方式這種知識點時，我們採用了另一種學習方法。辨析，或者也可以叫做類比。

這種方法主要針對於區分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與異步。

對於此類知識，應多多思考，抓取幾種事物的不同點，結合去記憶。

方法3 記憶很重要

學習時會遇到一些知識點，如有哪些數據類型，有哪些標籤元素。需要記憶的還是要記憶的。很多人在學習過程中覺得理解最重要，不需要記憶。這種想法是有問題的，如果連記都記不住，還談什麼理解?

方法4 聚沙成塔

在網站中，我們能夠看到各種各樣的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由眾多的知識點組合而成的。當我們對效果抽絲剝繭，就會發現，其實最初的它很簡單。

方法5 循序漸進

在循序漸進中，思路很重要，換句話説，我們知道一個知識點很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我們弄不清楚先吃什麼再吃什麼，也很難把這個知識啃下來。

這時候需要“思路”，也就是“流程”，在學習知識中，重點是關注流程和思路，而具體的小知識點充當的是血肉(和我們提到的第一個方法就掛鈎了，就是分清主幹和枝葉)

方法6 知識的遷移

用已有知識輔助未知知識的學習，是很好的一種方法。通常這種方法應用於擁有相似特點的事物。例如：圓角邊框與外邊距、背景切割與背景原點、JS對象與JSON等

方法7 生活輔助學習

這種方法是講師用的最多的。

利用生活中實際的事物去輔助抽象知識的學習，能夠讓我們更好更快的理解和吸收知識。

例如在講解盒模型時我們利用了快遞中的方魚缸。在講解AJAX時我們利用了信件郵寄。在講解構造函數時，我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們藉助了鑰匙和倉庫的'關係。

找一種合適的例子，輔助自己理解，是很好的方法，但是一定要注意，例子要合理～

方法8 實踐出真知

在學習一些知識過程中，有些孩紙不喜歡動手，而更多的是喜歡聽或者喜歡背。這種思路明顯是不好的。代碼，是個需要動手的活兒，掌握代碼靠的不僅僅是記憶，還需要嘗試。嘗試書寫代碼，發現現象，然後歸納總結，形成理論並記憶。

自學html5方法

1.學習html的基本知識。包括HTML的標籤、屬性等知識

2.學習html+css。學習DIV+CSS的基礎知識，掌握網頁佈局技巧，能夠用DIV+CSS完成帶交互的企業網站的佈局。這兩部網上隨便一搜全部 都是教程，找一個系統的教程看就好。

+jquery。js語句語法的學習，對象、dom、事件處理的學習等;jquery選擇器、ajax、流行的網頁特效製作，以及jquery插件的封裝 。都是在這個階段要學習的。

5+css3。這個階段要掌握html5新特性，css3新特性。包括新增標籤、css3中的2D、3d轉換、響應式媒體查詢等。這個階段的學習 完成後要能完成一個響應式網站的前端開發。

5.移動端框架的學習，流行框架的學習比如bootstrap。

t組件學習、nodejs&bower&gulp。能做到這個階段，你已經是一位HTML5工程師了。