写给那些想学HTML5的编程新手

最近，很多人都想学H5。
确实，相比以前的网页，H5这个技术让网页在交互上是一个翻天覆地的变化，关键是它可以在移动设备上使用。同时，H5和原生APP混合在一起，就构成了目前最流行的APP结构——Hybrid APP，这种APP使用灵活，开发周期短，非常受到欢迎。
然而。
我先给大家做个测试

1.“H5”全称是________；（5分）
2.“H5”需要用到这三门语言________、________、________；（15分）
3.【判断】“H5”页面在iPhone、三星、小米等手机上，效果是相同的；（10分）

先放一波答案：

1.HTML5；
2.HTML、JavaScript、CSS；
3.错。

继续出题

4. HTML语言本质上是________语言；（10分）
5. HTML5和HTML4的区别是什么？（20分）
6. 如何制作HTML5页面？（20分）
7. HTML5和php/jsp/asp/aspx之间的关系是什么？（20分）

答案：

4. XML
5. HTML5和HTML4的并没有本质区别，都是HTML语言。HTML5相比HTML4，只是多了一些特性而已。这些特性，导致HTML5和HTML4的使用方式上有了很大不同。拿我做的校车时间举例：如果我做HTML4，用手机打开以后，是一个字巨小的页面，它只能让你选择你在哪个校区，告诉你这个校区下一辆车是什么时候。但是现在我用的HTML5，我可以加入HTML5的提供的新特性之一——viewport和定位，viewport让页面可以适应手机屏幕，定位可以读取GPS信息，这样，这个页面就变成了根据时间和地点，直接告诉你，你所在的校区下一辆车是什么时候。这是HTML5和HTML4的区别。但从语言角度上讲，它们都是HTML语言，都是一个XML格式的文本文档。
6. 由于信仰问题，我用的IDE是WebStorm，正版盗版这个问题不去讨论，因为我是学生我是免费使用的，在工作环境中，有不少人会掏钱买IDE的。当然，做HTML的也有不少大神用记事本，或者增强型的记事本比如Notepad++、Sublime Text之类的。总之，做网页开发，一个记事本，一个Web服务器（apache或者nginx）就够了。你要做的就是不断地修改、保存、预览、修改……
7. 这个问题我回答了无数次。在教学过程中，一些老师没有讲清楚什么是静态页面，什么是动态页面。静态页面不需要服务器进行处理，只要由Web服务器直接把文件传过来就可以，这样的页面一般是.html或者.htm的后缀名。但是像 .php / .jsp / .aspx 这样的动态页面，它们都不是由服务器直接发过来就完事的，它们都是先交给服务器来处理，处理好以后由服务器生成一个页面，再传给用户，这样的页面是生成的，而不是直接传输回来的。即使在动态页面里面没有动态内容，页面也是生成的，不是直接传输的。这就产生了一个现象，不少同学，把静态页面用成了动态页面，这会给服务器增加不小的压力，在生产环境中，为了缓解服务器压力，经常把动态页面静态化。

来看看自己得了多少分，如果你的分数超过了80分，表示你已经明白了什么事HTML5，那么，你可以开始准备学HTML5了。
说实话，HTML真的不是那么容易学的。很多人在用了某个网站的H5制作工具生成了一个H5页面，就觉得H5没那么难，但是，H5开发这个工作，不是让你用那些工具来生成的，你要做的的，是编写JavaScript和CSS代码，而不是用鼠标点点拽拽。
所以，HTML5工程师，是一个技术岗，是大家所说的程序猿，它和其他任何一门语言的程序猿所做的工作，除了语言以外没有区别，和大家害怕的C语言也没有区别，事实上我觉得JavaScript由于不是强类型语言，写着真的很抠脚……希望JavaScript可以改进一下，支持强类型……说起来很怪，一门用10天时间设计出来的语言居然可以存活那么久……
会了JavaScript以后，你就明白，很多页面，都是AJAX的，动态页面越来越少了，服务器只负责JSON格式的数据传递，页面内容相当一部分是JavaScript生成的。然后你发现，JavaScript写着太累了，还不好兼顾浏览器，所以就开始接触jQuery之类的库……
如果看到这里你蒙圈了，那么我想你应该明白了，HTML5没有你想的那么简单，是需要专业学习的。那么如何学好HTML5，我认为所有的学习方法都需要下面这个永恒不变的方法：

for(;;)
	practice();