想学习 HTML5 ，应该怎么入门？ 有什么好点的书推荐的吗？ - 知乎383被浏览41679分享邀请回答
有入门的介绍，有系统的教程，有各类案例，还可以在playground里进行练习。112 条评论分享收藏感谢收起/diegocard/awesome-html5/blob/master/README.md英语无障碍的话可以去瞄瞄0添加评论分享收藏感谢收起查看更多回答微信扫一扫，
新手入门必看：小白怎么学习html5？
责任编辑： 发布时间： 15:49:51浏览5次
　　　　现在HTML5学习|html5 培训最近几年的火爆程度不用多说，大家想必都知道，很多转行的想做HTML5开发，HTML5最近几年在不断的成熟，各大浏览器也在不断的兼容HTML5技术，但是还是不够成熟，但是确实是可以改变生活的一个技术。目前需求的人才也是在不断的提高，竞争也在不断的增大，所以我们说现在最热的职业就是前端开发嘛，但是要求好像要高了不少。　　HTML5都能做什么：　　第一：最近刚出的微信小程序，非常的流行，在开发的过程，我们就会应用到HTML5的技术。　　第二：手机及移动端是HTML5不可缺少的，现在都是移动端的天下，现在我们手机的一些功能，缓存，音乐，视频，地位，Canvas绘图还有大量的特效，好看的效果，都是不可能离开HTML5技术。　　第三：现在手机游戏可能说是火的不行，PC端游戏收到了冲击，比如LOL被王者荣耀冲击了吧，这都是时代的新变化，选择用HTML5做手机游戏也是不错的选择。　　第四：互联网的各种应用　　在如今变化多端的互联网，好像任何东西都仿佛离不开了HTML5的技术。　　到2017年拉勾网统计平均前端HTML5开发工作者的平均工资大概在10530左右，而且只是算在一年工作经验的开发人员头上，同比增加会成倍，以我时间的经验来看，做web端开发的封顶大概在35000左右就基本不会再高了。但是这个工资水平无论在哪个城市都可以生活的不错。　　下面我说下HTML5的学习路线：　　第一阶段：HTML+CSS+JS　　在第一阶段中，我们要学习最基础的静态布局，HTML+CSS很好搞定，这里特别提出一定要下功夫攻破JS，因为JS是最难的，也是前端开发者的工资标准，我见过很多人学不懂JS，要跟着大量的案例进行学习，学习方法也是非常的重要。　　　　第二阶段：HTML5+CSS3+JQ的学习& & 真正的了解HTML5的新特性，CSS3的新属性，我们换句话说HTML5就是一个全新的JavaScript，就是我上面说的，如果你JS学的不好，HTML5很难，本来他们就是配合在一起的东西，JQ是JS的框架，相对不是很难，但是学习方法很重要。　　前端HTML5资料　　第三阶段：前端的一些主流框架的学习，现在公司都是必须用框架的，这些我们必须要掌握，但是有些框架的难度还是很大的，因为都跟JS有关系，我还是特别强调一下JS的重要性，这个脚本语言，基本会伴随我们前端开发者的一生，只要你还在做前端，一定缺少不了前端的JavaScript，说白了我们做前端就是特效，就是需要JavaScript，所以一定要学好JavaScript，一个好的学习方法非常重要。HTML5学习|html5 培训
分享发布，文章内容系作者个人观点，不代表培训通对其观点赞同或支持，本网不对内容真实性负责，若该文章内容涉嫌侵权，请发邮件qq:。
相关新闻：
多 - 门类齐全
课程多，机构多，老师多
快 - 方便快捷
先试听，后支付，方便快捷
好 - 实名认证
真实评价，实名认证好保障
省 - 学费优惠
在线订课更优惠，巨划算
copyright & 2004-.cn, All Rights Reserved.
, 备案编号：京公网安备 ,(悟空前端)
(一起超级变身)
(女汉子酱)
(尚学先生)
第三方登录：问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
现在在纠结当中有人建议我买JavaScript高级程序设计(第3版) -,又有人建议我买JavaScript DOM编程艺术(第2版) - ，都不知道买那一本好？请各位给点建议。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Marijn Haverbeke的著作《》
Douglas Crockford的著作《》
Nicholas Zakas著的 《》，第三版
David Flanagan 的经典大作，也就是传说中的犀牛书：《》(第6版)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我入门用的是javascript高级程序设计
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我当时看的是
后来高考完两本书就连着高中教辅一起送给学弟了
第一本书很大程度是关于良好的习惯和哲学，对我影响很大，比如作者在该书里最强调的“永远不要依赖JavaScript”。（关于这个话题，还有也对我有毒害）。
第二本书以构建一个自己的库为线索，有非常多的实例，大量的代码示例。
不过现在第一本书已经出第二版了，想必哲学有所变化，应该也添加了很多HTML5的时髦玩意儿，应该是很值得推荐的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以参考这篇文章
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
强烈推荐：《JavaScript权威指南》(第6版)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
《JavaScript语言精粹》无误，读完这本书会对js有一个系统化的认识，不再停留于写效果堆功能的阶段，非常有用！
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
推荐以《javascript高级程序》来入门，这本书知识梳理的比较好，看完就能够对javascript有个整体的认识和把握了，接着就是啃《javascript权威指南》了，一遍遍的啃，在不断的啃这本书的过程中抽插着看些其他的书，比如《javascript语言精粹》、《javascript模式》等，这些书比较薄，看起来比较快，但内容则相对比较深，看了这些你又会有看《javascript权威指南》的欲望，就这么一直厚薄交替着进行下去。。。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Nicholas Zakas著的 《JavaScript高级程序设计》 还是非常不错的。
也可以看看这个更深入的一篇文章：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
做后端的,书倒是没看过,看过一个,非常的赞
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
1 JavaScript入门经典
2 JavaScript高级程序设计（第3版）
3 JavaScript语言精粹
4.JavaScript权威指南
按照这个顺序来，有浅入深
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
不需要看书，跟你2个网站，吃透了，你就无敌了。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
大家说的都是比较经典的书，不过对入门来说有点复杂了，推荐w3school网站的javascript教程，中文的，简单易懂。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果有时间的话，也建议你看下这两个前端培训机构（不是打广告，真心觉得不错，两个都很给力，排名不分先后）
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果学过w3cshool的javaScript教程，
那么 《JavaScript DOM编程艺术》太简单，我就这么觉得
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
建议可以去 看看javascript手册，同时可以通过里面的在线做题挑战通关来加深理解
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：你不得不了解,甚至立马学习的HTML5 - 简书
你不得不了解,甚至立马学习的HTML5
一门几乎可以取代所有程序开发的语言, 一门改变历史进程的语言! -----题记
虽然HTML5已经出来了不短的时间了, 特别是刚刚发布的那段时间,我还专门抽时间了解了一下, 职业习惯嘛,对于新出来的技术总是会去关注一下,
不过,当时也没有深入的了解, 直到前几天和一个做HTML5的朋友一起吃饭, 不由的和他聊到了HTML5, 通过和他的交流, 我深深的感受到了一种压力,
而且这个压力让我有了一股很深的危机感!
作为一名攻城狮, 发现新技术, 研究新项目, 整合新资源,是我们的基本功, 也是我们不段积累,进步,前进的阶梯, 可以说, 作为一名程序开发者, 我们很幸运, 因为,我们始终是站在这个时代的前沿, 我们用思考构思一个又一个的创新和技术, 用手指敲出一段又一段可以实现各种功能的代码和程序; 然而, 作为一名程序开发者, 我们也是不幸运的, 因为,我们需要学习的东西实在是太多, 每天都可以说是一个新的开始, 技术的革新实在是太快太快, 稍微的松懈,稍有不注意,我们就可能被技术科技的洪流给淹没,
所以,我们需要不断的学习, 各种开发语言, 各种实用的技术,工具,SDK,API,项目的管理, 运维,架构等等;
就拿我和我的朋友谈到的HTML5来说,乍一看,HTML5就是HTML4的升级版本, 只是里面提供了更多的方法, 也兼容移动端了,然而,就是一个兼容移动端,却让我有了深深的危机感;
作为一名iOS攻城狮的我, 一直觉得只要我源码写得好,架构搭得好,封装到位,代码优化重构都不错,可拓展强和可维护性好就可以,偶尔关注一下新技术, 解决一些bug, 就不错了,
但现在我觉得我错了,而且错得很离谱;
和朋友交流之后, 我对HTML5做了深入的了解, 也真正意义上的买了不少的书籍回来认真的学习这门语言,同时向我的朋友虚心的请教各种问题;通过这段时间的学习, 我深深的被HTML5震撼了;
怎么来说呢?
就像我文章开头说的一样: 在我看来,HTML5,以及后期可能出现的6,7...等等, 这门语言是 :一门几乎可以取代所有程序开发的语言, 一门改变历史进程的语言!
首先,HTML5 ,已经充分的实现了移动端的布局,可以适配市场上任何规格,任何尺寸,任何品牌的移动端设备, 注意,是任何!!!没有之一!!!
HTML5的开发者,只需要一份代码,就可以跨各种平台运行, 只要你的平台支持浏览器即可!!!
那么现在什么平台没有浏览器?
答案显而易见, 没有一个平台没有浏览器!!! 只要你的平台开发的程序需要用到浏览器,HTML5这门语言,就可以胜任,
HTML5工程师们,在服务器端布局敲定好代码后,只需要稍微懂一些相关平台的webView的调用和实现代码, 几句代码,既可搞定一个复杂的UI界面,而且,这个可以实现我们用平台提供的开发工具(如Xcode)开发出来的软件的所有功能, 同时,各平台运行的程序界面和效果还是一模一样的, 也完全没有屏幕适配问题!!
那么,如果我们往深层次的方向去推衍, 从企业的角度去思考问题, 我们就可以得到一个非常令人感到危机的现象,那就是: 既然HTML5开发工程师,一份代码即可搞定PC端和所有移动端, 那作为企业,当然不会养那么多闲人了, 那最终,作为移动端攻城狮们的我们, 就真的只能在"攻城"中英勇的成为炮灰了;
想想就觉得背脊发凉, HTML5的技术如果真正意义上的被兴起来, 我们这批写源码的移动攻城狮们,要么赶紧学会HTML5技术,要么就只有下岗了,就目前来看, 国外已经比较火了, 而国内对HTML5的使用还不是很广泛, 也就一些大型的互联网企业开始在尝试,所以,我们还是来得及的,因为HTML5这门语言整体上来说还是比较简单的, 学习的这段时间,我也是越学越兴奋, 所以我也了一些小心得,来献丑的给大家分享一下,算是一些学习技巧吧,
我和不少的朋友同事沟通过, 大体上有这样几个心得:
HTML5属于一门标记语言, 而作为一名移动端攻城狮来说, HTML5的学习,相对来说是比较简单的,虽然语法上有不少不一样的地方, 但是代码逻辑和实现方式都是差不多的;
要学习好HTML5,
我们需要学习三个方面的知识:
第一是:HTML, 第二是CSS. 第三是:
相对来说HTML和CSS的知识点,是比较多的,比如标签, 比如选择器, 种类实在是太多, 而对于初学者来说,完全不需要都记住,也没这个必要, 只需要记住最常见的即可, 其他不明白的时候, 及时去查资料都可以,所以对于HTML和CSS的知识点,我们可以快速学习,掌握基本即可;
作为一名长期做程序开发的攻城狮来说, 学习HTML5的时候, 我们应该着重学习javascript, 因为,javascript主要负责的就是与用户的交互事件, 不言而喻,交互永远是重头戏!!!
给大家推荐几个学习HTML5的网站:
由Twitter提供的一个超级牛的框架: Bootstrap框架,
这个框架功能简直强大的不行, 要学习HTML5,这个框架是必备的 Bootstrap框架学习网站: Bootstrap框架源码地址:
各种前端,后端语言学习网站:w3school网站:
这个网站不用多说, 大家用了都说好!!! 而且里面语言很多,特别适合入门;
再给大家推荐一个框架: 也是必备的 jQuery-mobile
框架, jQuery-mobile
框架, 也是超级牛的, 大家都可以在GitHub上面下载到, 下面是 jQuery-mobile
框架的源码地址
iOS 开发攻城狮、电商达人、微信运营、项目经理、产品经理}