因为HTML有易于维护,更好的互动性,更快的开发等优点,被越来越多的应用在移动Web应用程序的开发中。HTML5是一种标记语言,与Javascript和CSS一起,构成了每个开发者的核心技术,HTML5拥有自己的API以及一组被主流浏览器兼容的标准API,同时一些特殊被API,比如本地存储也被许多浏览器支持。
在过去的几年中,随着平板电脑和智能手机的出现,在普通PC上使用网站的人数在减少。大多数人,这段时间,在他们的移动设备访问网站或直接下载手机APP。手机APP已经蓄势待发,不过,虽然移动网站有更多的优点,例如不需要安装就可以马上使用,兼容多种设备,易于升级,用户通过链接就可以共享,使用较小的成本和开发时间,等等,但移动网站的发展依然停滞不前。
正式因为这些原因,我们确实需要开发HTML5的移动网站。在今天的文章里,让我们一起来看看如果通过改进HTML5的方法去开发移动网站应用。
用HTML5改进移动Web应用的开发
一个完美的网站,在开发时可以多考虑一些兼容性,就可以在移动浏览器上使用了。主要的考虑方面,HTML5开发人员需要注意屏幕的尺寸和分辨率;其次,如果保持HTML,CSS,Javascript是有效的,简洁的,才是移动用户需要的内容。
当你在设计移动网站时,请记住站在用户的角度去考虑,并提供重要的内容。尽管如此,不是所有的传统网站都需要一部分移动网站。很有可能,当用户进入网站里的每个页面时,如果没有在第一时间看到他们想看的内容,他们就会退出网站。
更重要的是,你要在各种尺寸的屏幕上测试你的网站。检查图片是否被现实;是否k可以横向滚动;是否所有的功能都可以工作,是否支持所有格式的文件。需要全面的检查你的网站,确保使用HTML5开发的移动网站获得完美的效果。
开发移动设备应避免的事项
由于手机屏幕尺寸较小,在手机布局中极可能不要让网站用户滚动屏幕,因此不要使用表格。
确保不要使用隐藏的图形来填充页面。如果使用隐藏图形,会增加下载时间,而且页面也可能显示错误。
很多手机网站用户并不喜欢弹出窗口。这些窗口不但很烦人,而且导致网站可用性问题。因此,您一定要使用必要的方式
作为一名HTML5的开发者必须保证移动浏览器的兼容性。同时,每个使用HTML5开发的公司,都应致力于开发和提升移动web应用的用户体验。
为什么用HTML5会更好
信息流架构应用都是直接在web(或wap)端抓取数据,HTML5可以直接使用跨平台数据而不用使用后台API,大大降低研发、维护成本,而且呈现效果几乎没有什么区别
地图类能充分发挥HTML5对于离线缓存及地理定位方面的功能,将地图下载到本地,然后配合定位进行搜索、导航等功能(形式灵活,不用提前下载大容量的地图包,节省流量)
下面介绍一些使用HTML5开发的web应用
google+
新浪微博
百度小说