2015-11-01 |

HTML5的常见问题与专业解答

HTML5的常见问题与专业解答

网友:现在大家都在谈HTML5, HTML5和以前版本的技术之间主要的区别在哪里,有哪些关键的提升的改变?

回答:HTML5对于之前版本来说,并非简单的版本升级,而是一次全面的框架和性能的提升与优化;表现在:语法更简单、新增了大量的语义性标签、强大的canvas元素代替flash、丰富的API接口使用极大方便了开发者与浏览器的交互。

HTML5的关键提升在于:基于HTML5强大的新增加框架,如手机端设备与页面进行交互,如重力感应、地理定位、离线操作等,在主流移动端平台,可以很轻松地自定义性能强大的webapp,包括游戏、动画和企业级的应用开发。

网友:WEBGUI开发技术的变革过程,以及最终趋向HTML5技术的演进过程?

回答:自HTML5诞生以来,一共经历了两个阶段,分别是Web增强和移动互联网。第一阶段中Web体验的丰富增强主要表现在:HTML5新增了离线存储、更丰富的表单、js线程、socket、audio、video流媒体。在第二阶段中,随着Chrome和Safari的迅猛发展以及IE+Flash的衰落,HTML5进入了移动互联网时代。它的跨平台优势在这一时代被进一步凸显,最终成为各大主流平台争相推广和使用的跨平台语言。

网友:HTML5和其他现用的开发技术如FLASH之间的区别,比如性能,兼容性,开发速度,终端支持,安全性,支持特性等等?

回答:从性能上来说,FLASH在位图、矢量图的播放方面远超过了HTML5,但在视频播放流畅度上HTML5却超出FLASH,从兼容性来看,HTML5全面兼容各浏览器,而Flash在手机端的Safari中却得不到很好的支持;总而言之,Flash是一个不断在发展的技术,有很强的灵活性,HTML5不可能完全取代Flash,众多的开发人员也不会断然抛弃Flash;而随机HTML5功能的增加,浏览器必须有一个高效的图形引擎和脚本引擎来兑现,而这也并非易事。

网友:在进行一项具体开发时,如何在HTML5和其他开发技术之间进行选择,选择时考虑的主要因素是什么呢?

回答:主要因素简单来说有两个方面,一个是开发速度、另一个是应用的兼容性,在具体开发时,为了提高速度,需要将一些通用的代码时行框架化或者导入兼容性很强的框架,如jQuery、seajs、jQueryMobile等,直接调用现有的API和部件可以大大加快开发的进度。对应兼容性的考虑,主要主张选择一些主流性的开发语言和框架,因为这样对于浏览器来说,兼容的可能性会大些。在我们博看文思的HTML5 课程当中会有大量的商业案例,为同学参与到HTML5项目当中来。

网友问:谷歌为什么要用HTML5取代Flash技术?

答:2015年是HTML5快速发展的一年,谷歌之所以放弃Flash,其实原因很简单:1是adobe已经不做flash了。2是Flash的安全漏洞太多,导致谷歌浏览器也不安全,谷歌只能被迫放弃支持。不单单是谷歌,之前还有YouTube、亚马逊等都已宣布将不再使用Flash。在这里,我想说的,单单从在线视频播放一个功能看,从互联网早期的RealPlayer到Flash,再到今天的HTML5,我认为HTML5是移动互联网发展必然趋势,主要原因还是因为Flash在iOS,android等移动领域,几乎毫无建树;而凭借执行效率高,兼容性好,安全指数高等强大功能,使得HTML5在移动领域大放异彩。HTML5是“网页”向“网应用”升级的必然。

网友问:我在校**,请问HTML、jQuery、java、CSS3和HTML5有什么关系?我应该怎么理解呢?

答:这个很好理解,我们拿变形金刚里举例,HTML就是变形金刚的骨骼、关节等,只不过我给他们取名:标签;CSS是变形金刚的皮肤。CSS3是更绚丽、更酷的皮肤; Java简称JS,是控制变形金刚行为的,比如开火;HTML5是全新升级的新骨骼,更好用,同时可以调用的新的行为,我们给他们取名:JS API,比如,获得变形金刚的坐标,绘图等等; jQuery是基于JS封装好的控制行为的仓库,利用jQuery我可以高效是操作变形金刚完成各种动作。

最终,我们通过这些内容共同完成的网站、APP就是变形金刚,相信这样说,大家就可以理解了。

网友问:HTML5开发工具有哪些?

答:HTML5被看做是web开发者创建流行web应用的利器,既然是利器,自然少不了相应的开发工具,下面给大家介绍一些使用非常成熟而开发又十分方便的工具。

1.Adobe Dreamweaver CS6作为一个web设计软件,已被广大开发者所熟知,在新的功能中,可以使用Live View预览,还提供多屏幕预览功能。同时,还可以通过MultiScreen预览面板查看HTML5内容的渲染效果。

2.Sencha Touch 2是移动应用框架,被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android等多种平台的移动应用,使用也非常方便。

3.微软Visual Studio 2010 ServicePack 1,在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense,针对HTML5的一些追加了元素。使用惯了微软系统作开发的人员,上手开发十分快。

4.WebStorm4.0以上版本,拥有HTML编辑器的Java集成开发环境,提供了开发web应用的HTML5样板,在创建HTML文档时可获得对HTML5文件的支持,同时,还可以在chrome浏览器中实时预览HTML文档。

好啦,今天的HTML5有问必答系列专题文章就到这里了,想了解更多关于HTML5的问题可关注本头条号,后续将会有更多关于HTML5的问答。

发表评论

    评价:
    验证码: 点击我更换图片