导读：html5貌似最近超火的样子,随着移动版flash的停止开发,在未来几年里,html5的相关应用必然会占据相当大的移动web应用的市场,最近听说要做一个...
html5貌似最近超火的样子,随着移动版flash的停止开发,在未来几年里,html5的相关应用必然会占据相当大的移动web应用的市场,最近听说要做一个html5的rpg游戏玩,就简单了解了一下html5这个新标准.
总的来说,html5相比html4有以下几个不同.
一是标签的语义化,在html4中,可能是为了实现更多的兼容性,标准是偏向结构化的,div的广泛使用也是基于这种设计,在html5中,由于添加了article,aside,header,footer等等语义化的标签,使得相关的div可以被省略掉,代码会变得更简洁,更好看.可以想见,一篇理想的html5的代码应该是像文章一样易于理解.
二是对音视频的原生支持,在html4中插入图片只需要img标签即可,插入音频与视频为了得到良好的效果往往需要嵌入flash插件,在html5中audio与video标签的使用,配合相关的参数,使得网页对音视频的处理更加简洁.
三是表单的强化,在html5中对表单的元素做了相当多的扩展,包括email,number,url等新的input种类使得表单的处理的编写减少了对js的使用,处理更简洁.
四是本地存储的强化,在html4中,使用本地存储最行之有效的方法还是使用http cookie的方式,最大存储4K,明文传输,使得这种存储方法在开发移动应用时非常不合适,html5对本地存储做了革新,目前支持性最好的是web storage的存储方式,支持同源的5M的存储空间,并包含有数量足够用的标准API.
五是新的通信方式,web socket的使用,用以替代ajax目前的应用,与ajax不同,web socket能够实现服务器与客户端的双向通讯,这是相当大的改进,在以前,服务器推主要是采用长轮询的方式,由服务器hold住请求,本质上仍然是客户端发起服务端响应的模式,由于http协议本身的无状态性质,这是无法改变的事实.在web socket中采用了新的ws协议,实现双向通讯,感觉很强大.
六是画布.
如果说html5要替代flash在移动设备的地位,没有画布是万万不能的.
画布本身是canvas标签,不具有多么强大的能力,但借助js,可以在浏览器上直接作图,灰常强大,基本的几何图形不说,借助内置的API甚至可以做出渐变色,并且可以操作图片.
做简单的网页游戏,在最初设计完成之后,最大的工作量就是制作图,操作图,画布功能为实现不同游戏图层的划分带来了更方便的实现途径.
简单说一下目前存在的情况,一是语义化的设计容易造成各个浏览器之间的兼容情况不好,最终页面的功能对于不同浏览器实现情况不同,而移动web应用讲求的就是平台的无关性,有风险,不过由于安卓苹果使用的浏览器大多基于webkit,两者占据了绝大多数智能机市场,可能兼容性不会是大问题,不过wp7是否能够跟上标准的步伐是一个问题,在html5的pc测试中,即使是最新的ie9也没有多么理想的表现.二是标准本身的问题,html5目前仍是在完善的标准,由于涉及互联网本身的一些问题,迟迟不能完成标准的标准化,可能会减缓html5大规模应用的诞生,比如虽然有audio这种标签,但对于能播放的格式,目前还没有统一的标准,不要到最后落得空有标签没有内容的局面.最后要考虑到用户机器本身的性能,不知道是不是多虑了,在客户端上执行绘图操作,如果绘图过于复杂,不知道会不会使得客户端负载过重,虽然程序编写更方便,节省了带宽,却造成了用户体验的下降,比如现在的64K的动画虽然技术很华丽,不过由于实时绘图对于显卡要求过高,我感觉难以得到实际的应用.
前些年,纯结构化的xml,现在语义化的html5,都是不同的发展趋势,xml现在用于数据存储,html5用于展示的页面,各有归途.
最后,虽然存在这么多问题,潮流总是潮流,大势所趋,html5的火应该是必然.
