最近,很多人都想学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. XML5. 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();