自学的话最少需要一年左右的时间，首先没有基础的话吃透HTML，CSS，JavaScript大概就需要半年，加上其他jQuery，canvas，Swiper，bootstrap，react，微信开发，后端前端开发，能上手熟练HTML5技术估计一年后，这还是在你遇到疑难有人带的情况下，如果自学建议你可以看看H5edu学习教程
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站建设、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的龙岗网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
首先，选择自学的方式无疑是需要很大勇气和耐心的
自学尽管很省成本，但是在自学HTML5的路上，会出现各种问题，遇到各种障碍，非常容易走弯路，如果无法有效的解决，是很难自学成才的。能否学成，也是因人而异的。基于大部分人而言，自学之路，艰辛无比，天赋高一点的话，花个半年时间以上自己琢磨，也是能学成的，但是概率也很低。
HTML5技术繁杂多样化，要想成为一名合格的HTML5工程师，起码需要精通HTML5特性，了解HTML5最新规范，能够熟练运用HTML5特性构建移动端的WebApp;精通Javascript、HTML/HTML5/XML、CSS/CSS3、Ajax、HTML5 Canvas等前端开发技术，有响应式页面开发经验。
还需要精通DIV+CSS和W3C标准，熟练运用XHTML,CSS，深刻理解手机平台上各主流浏览器之间的兼容性; 熟悉JS/CSS/ HTML5在各种手机分辨率上的兼容和性能优化;熟悉jQuery, AngularJS,VueJS, cocosx-js、egret、QuarkJS或createJS等html5框架等。
自学HTML5开发也是可以的，但是难度极大
下面给你自学的一些建议
第一，很多人建议，对于零基础学员，不建议一上来就学习HTML5，HTML5其实就是对HTML4的一个升级，所以，在学习HTML5之前，你还需要详细了解HTML、CSS。在学习HTML5过程当中，你需要充分了解Java，因为无论是想做出一款比较炫的Web APP还是做一个跨平台的移动端网站，这些功能都需要Java的调用，如果你只是单纯的掌握了HTML5、CSS、Java这些技术，那么对于一个合格的HTML5开发工程师来讲是远远不够的，像一些jquery、canvas等等这些也需要学习。
第二，要多利用时间，多看书和好文章，很多工程师这样讲，时间总是可以挤出来的，把有限的时间更多利用在有意义的事情上，说句玩笑话，很多初学者在上厕所时还想着自己代码，想着Ajax原生请求怎么写?其实也没有别的其他意思，只想说的是，时间很宝贵，充分利用好时间。
第三，学英语，对于IT行业来讲，英语是非常重要的技能，特别是对于新技术人员来讲，基本只有查阅英文文献才能够找到解决方案，这部分练习也会相当有必要的。
第四、去除自己焦虑的东西，在HTML5职业生涯初期，作为小白的你，应该总会有从未接触过的技术盲点，无论是在工作当中还是面试过程当中，你都会有少许的担心，为自己知识的欠缺、胜任与否，往往会焦虑不安，所以此时就更需要你镇静。
第五、充分利用资源，生活在信息量充足的现代生活中，无论是书籍还是网络资源，都有可以参考和学习的地方，找一些适合自己学习资源，不断丰富自己。
想要学好HTML5开发技术就需要自己不断的努力，要有持之以恒的学习能力。
新手步骤：1、HTML的沿革；
2、HTML的大致结构；
3、HTML5的多媒体播放、Canvas、地理定位、本地存储等已经被支持的分支标准下的知识（涉及到很深的javascript知识，特别是Canvas）；
4、除了javascript之外，CSS3也是必学的；
5、虽然HTML5是个浏览器厂商合伙打到W3C的XHTML2.0制定的标准，但是各个浏览器的支持度还是很不一致的，特别是IE，所以，还需要在学习CSS3的时候深入了解下浏览器对CSS3新属性的支持情况，还有就是随时了解HTML5的支持情况。如果熟悉HTML4.X或者XHTML1.X，可以忽略上述第一二条。
自学学习HTML5要花多长时间，学习html5主要是学习html、css、js，大致上是需要4-6个月左右的时间。
HTML5是HTML的重大升级，他不仅仅是html，还包含很多新加入的API，如文件API，websockt等。所以作为初学者，还是建议从HTML学起，循序渐进的学才能掌握HTML5的使用技巧。
第一阶段：移动前端制作基础（HTML5+CSS3基础）。
第二阶段：移动前端交互（JS+JQ+Ajax）。
第三阶段：移动前端综合开发（H5+C3+jQMobile ）。
第四阶段：项目实训。