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，欢迎前端初学和进阶中的小伙伴。