本文主要包含html,HTML5,web等相关知识,匿名希望在学习及工作中可以帮助到您
是这样的，我今年刚24，在三线城市(徐州)，已参加工作一年，朝九晚五事业单位，但不过是合同工，死工资每月2k多一点点，基本没有什么上升空间……感觉每天都像在混日子，月月光，甚至还有赤字……前途堪忧
上学的时候听过一两节关于web的课程，讲html标签之类的，感觉对此还挺有兴趣。这里就想问问大神们，如果我现在才开始学html一系列的技术（主要想专攻HTML5），以求今后能够跳槽胜任相关工作，我需要怎样才能较快较好的掌握它们？
首先，不晚。
我与你同岁，真正开始学起前端是今年二月份。
这期间走了许多弯路，一会java，一会php的。浪费不少时间。
后来经过在知乎的浸泡，最终找到学习的根本所在：
前端：HTML+CSS+Javascript 这三驾马车 一定要彻底掌握。
在网上随意看到一个特效，动画，交互，你要能够在心中用这三种基础语言给出自己的解决方案。
这算是一个能不能找到工作的门槛。
下面为学习过程（刷到第3步就可以尝试做出自己的作品出去找工作了。）：
1；把http://www.imooc.com上的web前端培训计划刷一遍。（html+css+js+JQuery基础）
2；把w3cschool的html css javascript 教程刷一遍。
3；看书，自己目前看的《DOM编程艺术》《Javascript权威指南》《Javascript高级程序设计》《锋利的JQuery》
4：然后建议重点攻读《Javascript高级程序设计》中写的一些JS的核心；闭包，继承，基本类型，对象等（目前我也在这一步。）
5：这个时候基本上你算是比较清楚的了解前端到底是个什么样的东西了。然后按你的兴趣去发展，想作为一个工具使用者？按就去刷各种库和框架。想成为一个前端问题解决者？那就在刷各种框架和库的同时，把JS和CSS彻底吃透彻。
望，以上废言能够不会误导你。;) Update:
有同学问我有什么书籍推荐，额，我是那种看不进去书的人……我最经常做的是，在做项目的同时，参照各种用到的库的官方文档，包括但不限于：
https://developer.mozilla.org/en-US/docs/Web/JavaScript - 这个是必须经常看的，有bug要看，拿不准问题要看，吃早饭时也要拿手机打开来看。
JavaScript good parts － Crockford的书，挺短的，有空可以翻一翻。网上有一个他讲这个的视频，我认为效果更好，有心人自己找吧。
CSS-Tricks － 各种CSS tricks，也可以边做边学。
Web Fundamentals － Google良心之作，相见恨晚。
各种http://Lynda.com的视频，对于起步非常有帮助。有条件的同学，非常建议花点钱注册一个账号集中学一个月，真心物有所值。
之前有人推荐过慕课网-国内最大的IT技能学习平台 ，我不太了解，前两天注册简单看了一下Angular和JS的课程，怎么说呢，网站做的挺用心的，可惜内容质量参差不齐。比如有的Angular课程2015年上传，而视频本身居然是2013年，Angular 1.0的。JS的好像都是各路人自设课程，应该有讲的好的，但是也有不少逗逼抖机灵的。
另外，因为我学习前端的过程是全英文的，所以听到“对象，原型链，属性，控制器，标签，作用域，事件响应”等，就完全晕掉了。
设想，如果你熟悉object, prototype, property, controller, attribute, scope, event handler这些单词，
你听/读到event listener, 你就addEventListener()
你听/读到prototype, 你就Foo.prototype.func=...
你听/读到controller和scope, 你就module.controller([$scope, function ($scope) {...} ])
你听/读到event propagation, 你就event.stopPropagation()...
也就是说，你听到的，读到的东西，就是你编程时要写的代码！所以，一定要好好学英语，好好学英语，好好学英语。
英语学的好，你就站在各种新技术，新知识的最前沿。
英语学的不好，对不起，你就等着好心人把有限的资料，经过他们有限的理解，用有限的水平翻译成中文，再用你自己有限的能力变成自己的理解。
另，如果有人觉得我在显摆，你知道我有多努力吗？
==============原答案=============
以下个人经历希望不只是分享给题主，也分享给所有喜欢前端的朋友。
我24岁本科毕业，来美国读硕士，也是这时候才开始学html，那时候还不知道html5呢，101课的课程设计是一个选课辅助网页，就是一堆checkbox，勾选一门课会对应地highlight相关课程。现在看蠢得要死，居然没用JS，每选一次要提交到server然后刷新页面！但是教授很鼓励，给了这辈子唯一一个A+。
这是学校主楼，有校友吗？
第二年暑假没找到实习，也没回家玩，自己找到系里的一个教授给他打工，一边跟着视频学习一边做了两个很有意思的前端的小项目，最后一个学期我又和一些博士生合作完成了系里几个项目。而这个时候（学习一年半）我也才达到熟练使用jQuery，熟练使用CSS，基本会用PHP的程度（徒手玩了两年纯css，连sass, less, 甚至bootstrap都没听说过）。
这是暑假做的项目。触摸屏，Flex
进入西门子实习六个月，做了四五个JS, Flex, 和WPF的项目，由于在研究院的设计组，做的全是纯前端和纯UI雏形。然后因为我是组里唯一的前端，而组里的设计师们觉得，哎哟，这个小伙子不错嘛，我画个图他过两天就给我变出来了，就把我留下来了。
这是一个web app，跑在平板上在公司展览会给人看的。jQuery + CSS3
干了四年，渐渐前端后端各种新技术新工具都熟悉了一点，也自己带了几个小项目，但其实前三年技术长进不大，还停留在PHP, jQuery和CSS阶段。2014下半年搬完家后，我就再也没看过电视打过游戏，晚上大多数时候是看视频学习，因为白天坐的时间太长，我没时间锻炼，也没钱买高档办公椅，就在桌子上放一个纸箱子，电脑放在箱子上面，站着学node和angular，工作中也就可能多地用它们练手。年底，我把自己以前做过的项目整理了一下，美化了一下简历就跳槽了。
这是网页版简历。Angular + CSS3
新公司干了半年，目前做full stack，在几乎单枪匹马的状态下搭起来一个网站雏形。公司待遇不错，基本能过得上中产生活。回首看看之前做过的项目，都感觉当初的自己简直太菜了，但是因为很菜，所以无所畏惧，很庆幸自己坚持下来。 并不晚，兴趣+努力，多少岁都不晚。
但如果连学这种入门知识都有顾虑，后面还有千山万水，那么确实是晚了。 廉颇老矣尚能饭否
上学的时候听过一两节关于web的课程，讲html标签之类的，感觉对此还挺有兴趣。这里就想问问大神们，如果我现在才开始学html一系列的技术（主要想专攻HTML5），以求今后能够跳槽胜任相关工作，我需要怎样才能较快较好的掌握它们？
回复内容：
试着答题。首先，不晚。
我与你同岁，真正开始学起前端是今年二月份。
这期间走了许多弯路，一会java，一会php的。浪费不少时间。
后来经过在知乎的浸泡，最终找到学习的根本所在：
前端：HTML+CSS+Javascript 这三驾马车 一定要彻底掌握。
在网上随意看到一个特效，动画，交互，你要能够在心中用这三种基础语言给出自己的解决方案。
这算是一个能不能找到工作的门槛。
下面为学习过程（刷到第3步就可以尝试做出自己的作品出去找工作了。）：
1；把http://www.imooc.com上的web前端培训计划刷一遍。（html+css+js+JQuery基础）
2；把w3cschool的html css javascript 教程刷一遍。
3；看书，自己目前看的《DOM编程艺术》《Javascript权威指南》《Javascript高级程序设计》《锋利的JQuery》
4：然后建议重点攻读《Javascript高级程序设计》中写的一些JS的核心；闭包，继承，基本类型，对象等（目前我也在这一步。）
5：这个时候基本上你算是比较清楚的了解前端到底是个什么样的东西了。然后按你的兴趣去发展，想作为一个工具使用者？按就去刷各种库和框架。想成为一个前端问题解决者？那就在刷各种框架和库的同时，把JS和CSS彻底吃透彻。
望，以上废言能够不会误导你。;) Update:
有同学问我有什么书籍推荐，额，我是那种看不进去书的人……我最经常做的是，在做项目的同时，参照各种用到的库的官方文档，包括但不限于：
https://developer.mozilla.org/en-US/docs/Web/JavaScript - 这个是必须经常看的，有bug要看，拿不准问题要看，吃早饭时也要拿手机打开来看。
JavaScript good parts － Crockford的书，挺短的，有空可以翻一翻。网上有一个他讲这个的视频，我认为效果更好，有心人自己找吧。
CSS-Tricks － 各种CSS tricks，也可以边做边学。
Web Fundamentals － Google良心之作，相见恨晚。
各种http://Lynda.com的视频，对于起步非常有帮助。有条件的同学，非常建议花点钱注册一个账号集中学一个月，真心物有所值。
之前有人推荐过慕课网-国内最大的IT技能学习平台 ，我不太了解，前两天注册简单看了一下Angular和JS的课程，怎么说呢，网站做的挺用心的，可惜内容质量参差不齐。比如有的Angular课程2015年上传，而视频本身居然是2013年，Angular 1.0的。JS的好像都是各路人自设课程，应该有讲的好的，但是也有不少逗逼抖机灵的。
另外，因为我学习前端的过程是全英文的，所以听到“对象，原型链，属性，控制器，标签，作用域，事件响应”等，就完全晕掉了。
设想，如果你熟悉object, prototype, property, controller, attribute, scope, event handler这些单词，
你听/读到event listener, 你就addEventListener()
你听/读到prototype, 你就Foo.prototype.func=...
你听/读到controller和scope, 你就module.controller([$scope, function ($scope) {...} ])
你听/读到event propagation, 你就event.stopPropagation()...
也就是说，你听到的，读到的东西，就是你编程时要写的代码！所以，一定要好好学英语，好好学英语，好好学英语。
英语学的好，你就站在各种新技术，新知识的最前沿。
英语学的不好，对不起，你就等着好心人把有限的资料，经过他们有限的理解，用有限的水平翻译成中文，再用你自己有限的能力变成自己的理解。
另，如果有人觉得我在显摆，你知道我有多努力吗？
==============原答案=============
以下个人经历希望不只是分享给题主，也分享给所有喜欢前端的朋友。
我24岁本科毕业，来美国读硕士，也是这时候才开始学html，那时候还不知道html5呢，101课的课程设计是一个选课辅助网页，就是一堆checkbox，勾选一门课会对应地highlight相关课程。现在看蠢得要死，居然没用JS，每选一次要提交到server然后刷新页面！但是教授很鼓励，给了这辈子唯一一个A+。
这是学校主楼，有校友吗？
第二年暑假没找到实习，也没回家玩，自己找到系里的一个教授给他打工，一边跟着视频学习一边做了两个很有意思的前端的小项目，最后一个学期我又和一些博士生合作完成了系里几个项目。而这个时候（学习一年半）我也才达到熟练使用jQuery，熟练使用CSS，基本会用PHP的程度（徒手玩了两年纯css，连sass, less, 甚至bootstrap都没听说过）。
这是暑假做的项目。触摸屏，Flex
进入西门子实习六个月，做了四五个JS, Flex, 和WPF的项目，由于在研究院的设计组，做的全是纯前端和纯UI雏形。然后因为我是组里唯一的前端，而组里的设计师们觉得，哎哟，这个小伙子不错嘛，我画个图他过两天就给我变出来了，就把我留下来了。
这是一个web app，跑在平板上在公司展览会给人看的。jQuery + CSS3
干了四年，渐渐前端后端各种新技术新工具都熟悉了一点，也自己带了几个小项目，但其实前三年技术长进不大，还停留在PHP, jQuery和CSS阶段。2014下半年搬完家后，我就再也没看过电视打过游戏，晚上大多数时候是看视频学习，因为白天坐的时间太长，我没时间锻炼，也没钱买高档办公椅，就在桌子上放一个纸箱子，电脑放在箱子上面，站着学node和angular，工作中也就可能多地用它们练手。年底，我把自己以前做过的项目整理了一下，美化了一下简历就跳槽了。
这是网页版简历。Angular + CSS3
新公司干了半年，目前做full stack，在几乎单枪匹马的状态下搭起来一个网站雏形。公司待遇不错，基本能过得上中产生活。回首看看之前做过的项目，都感觉当初的自己简直太菜了，但是因为很菜，所以无所畏惧，很庆幸自己坚持下来。 并不晚，兴趣+努力，多少岁都不晚。
但如果连学这种入门知识都有顾虑，后面还有千山万水，那么确实是晚了。 廉颇老矣尚能饭否