tml5學習方法之技能清單：

必須掌握基本的Web前端開收技術，其中包括：CSS、HTML、DOM、java、Ajax，jquery，Vue，jquery- mobile，zepto等，在掌握這些技術的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。這是前端工程師的最核心技能，是專做頁面效果的技術。

更深等級需要學習和了解更多的東西，比如一些熱門的框架backbone，angularjs 等;nodejs近幾年也越來越水了，同樣需要學習。

學習HTML5的具體方法匯總

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

在學習HTML和CSS時，會涉及到網頁的搭建。學習這個知識時，我們采用的方法是“由外及內”，“由全局到細節”。 從主干到枝葉，而不要陷入細節，糾結于其中。主干如同知識的一個主線，這種先找主干后添枝葉的學習方法能夠讓知識遺漏變成最少，也會比較容易建立起知識體系。

方法2 ：類比

在學習CSS引入方式這種知識點時，我們采用類比。

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

抓取幾種事物的不同點，結合去記憶。

方法3 ：記憶很重要

學習時會遇到一些知識點，數據類型，標簽元素，記下來很必要。如果連記都記不住，還談什么理解？技術不是數學方程式，學會方法重要，但是記憶也很重要。

方法4： 循序漸進

遇到比較難啃的知識，一步一步來，循序漸進。動畫框架的學習就是一個典型。

在循序漸進中，思路很重要，想清楚從哪里下口，如何一口一口吃掉這個東西。關注思路和流程，跟第一點中的主干和枝干一樣，分清主次，決定吃的順序。

方法5： 知識的遷移

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

方法:6 生活輔助學習

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

技術很難，但生活并不難。

方法7： 實踐:是檢驗真理的唯一標準

聽的再認真，學的再透徹，自己碼代碼是還是會碰到各種問題。紙上得來終覺淺，絕知此事要躬行。

學習萬般技巧均在一個字里，做。

TML5帶來的新特色

1.用于繪畫的 canvas 元素

2.用于媒介回放的 video 和 audio 元素

3.對本地離線存儲的更好的支持

4.新的特殊內容元素，比如 article、footer、header、nav、section

5.新的表單控件，比如 calendar、date、time、email、url、search

本次分享：

1.常用的新增語義標簽

2.Input控件類型

3.常用的html5標簽

這張圖片你應該很熟悉：

比較常用的HTML5語義標簽總結：

1.<header> : 用于規定文檔頭部或者內容的展示，在文檔中你可以使用多個header標簽

2.<nav> : 用于定義導航鏈接部分

3.<section> : 標簽定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分

4.<article> : 標簽定義獨立的內容

5.<aside> : 標簽定義頁面主區域內容之外的內容（比如側邊欄）。標簽的內容應與主區域的內容相關

6. <footer>: 元素描述了文檔的底部區域。例如：作者，著作權信息，鏈接的使用條款，聯系信息等

常用的HTML5新標簽及其用法總結：

1.<b> : 定義粗體字

2.<base> : 標簽為頁面上的所有鏈接規定默認地址或默認目標。(必須插在head標簽內)

3.<ado> : 改變文本默認方向，屬性dir 值有兩個：ltr,rtl,意思是從左到右，從右到左

4.<center> : 對其所包括的文本進行水平居中

5.<caption> : 元素定義表格標題,必須緊隨 table 標簽之后

6.<dl> : 定義列表 ，這個好像之前就有，不過不太常用，順便提一下

7.<figcaption> : 標簽定義figure元素的標題

8.<select> : 下拉選框，以前也經常用到。

9.<progress> : 標簽標示任務的進度（進程）,也就是進度條

11. <sup>和<sub> 文本上標和下標

12.<del>和<ins> ：來描述文檔中的更新和修正

13.<sumary> 和<details> :標簽包含 details 元素的標題，"details" 元素用于描述有關文檔或文檔片段的詳細信息。這兩個標簽是放在一起使用的。

提出小小的學習意見：
學習的過程中，不要因為記不住某些標簽或者屬性而懊惱，（好吧~，我之前有過）。后來，在不斷的學習中，我開始認識到理解是要放在第一位的，屬性記不住，沒關系，在這么方便的條件下，隨手一查就可以找到，所以理解和會用是最重要的。還有一點，不能固執己見，要多關注前沿的技術，即使不太用到，多了解了解也是很好的嘛~
談生活 不談技術 談技術 不談生活 僅此而已

提出小小的學習意見：

學習的過程中，不要因為記不住某些標簽或者屬性而懊惱，（好吧~，我之前有過）。后來，在不斷的學習中，我開始認識到理解是要放在第一位的，屬性記不住，沒關系，在這么方便的條件下，隨手一查就可以找到，所以理解和會用是最重要的。還有一點，不能固執己見，要多關注前沿的技術，即使不太用到，多了解了解也是很好的嘛~

每天學習一點，進步一點，一個月將會是一個質的的飛躍，俗話說三個臭皮匠頂一個諸葛亮，大家的智慧總是大于一個人的智慧，想要比自己牛的人交流學習，歡迎進群：675498134，歡迎前端初學和進階中的小伙伴。