欢迎光临北京龙域网络科技有限公司官方网站!!
新闻观点

浅议H5的优势和劣势有哪些?H5网站一定就好吗?

标签: | 作者:admin | VISITORS: | 来源:北京龙域网络
28
Dec
2016

HTML5优点

      网络标准

  HTML5本身是由W3C推荐出来的,它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。换句话说,每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现多设备、跨平台。

  用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台非常强大,也是大多数人对HTML5有兴趣的主要原因。所以H5目前仅限于游戏开发、APP开发软件上应用较多,实际的网站建设展示版面还没有必要一定用H5语言设计。
针对游戏和APP开发总结概HTML5有以下优点:

  1、提高可用性和改进用户的友好体验;

  2、有几个新的标签,这将有助于开发人员定义重要的内容;

  3、可以给站点带来更多的多媒体元素(视频和音频);

  4、可以很好的替代FLASH和Silverlight;

  5、当涉及到网站的抓取和索引的时候,对于SEO很友好;

  6、将被大量应用于移动应用程序和游戏。

针对网站设计HTML5缺点

  1.移动端和浏览器兼容问题  由于其目前仍处于草案阶段,浏览器兼容性差 

  浏览器的编程模型还是90年代流行的单进程单线程 (single process single thread),但原生实现(比如用Object C)的APP可以用多线程。移动端编写APP,可以使用多个线程,第一个线程,被称作主线程(main thread),编程的第一原则是don’t do heavy work on main thread。通常只让它处理UI事件等,其他重度的工作让其他背景线程来做。但浏览器只有一个线程,所有的事情都是它干。在台式机上,浏览器编程还没有太多问题,因为够快;但在移动端,这个弊端很明显。

  例如

  比如你在用浏览器看朋友的照片,你发的评论被发到服务器端,此时你接着用手指往下拉屏;

  此时,服务器端返回信息,评论发布成功,浏览器中唯一的线程可能停止处理屏幕滚动(scrolling)而来处理服务器的返回信息,由于移动设备的处理器(尤其单进程浏览器只能用上单核,即使是多核手机!)和内存(处于省电原因使用低耗电的DDR1,这一点和现在PC使用的DDR3相差甚远)的不给力,完全可能造成滚动处理的不连续。通常手机的刷新率是60MHZ,即每一帧不超过15ms;如果处理的延时大大超过15ms,那么就会出现跳帧,肉眼就能看出来。

  结果

  如果你的网站是相对静态的,不需要很多对于照片,多点触摸,多向拉动的处理,那完全可以用HTML5来实现;如果不是,比如信息流的展示,游戏等等,最好还是用原生的去实现。

  2.网络安全
       HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构(European Network and Information Security Agency,ENISA)已经警告说HTML5可能并不够安全。

    2013年3月,HTML5编程语言的一个漏洞被发现:它允许网站利用数GB垃圾数据对用户展开轰炸,甚至会在短时间内将硬盘塞满。多款主流浏览器均会受此影响。

主要是因为H5以其较高的趣味性和良好的交互性受到越来越多用户的青睐。
目前居多的APP应用里面嵌入了H5页面。而网站设计的语言应用当中并不多见。
1、页面跳转更加费力,不稳定感更强。而且页面之间的跳转也不是很流畅,很多时候出现卡顿或卡死现象。

思考点如何减少跳转(扁平结构、页面布局技巧),增加数据及展示的流畅流程及稳定性(技术)

2、更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。

人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差。 

思考点:排版更清晰、信息更简练 (可在原生APP基础上去掉一些丰富、复杂的视觉表现)

3、导航不明显,原有底部导航消失,有效的导航遇到挑战等。

思考点:如何有效的提供导航?有哪些形式?

4、交互动态效果收到限制,影响一些页面场景、逻辑的理解。

思考点:比如登录注册流程的弹出、完成及异常退出,做好文字提示。

 

相关新闻
首页 | 网站建设 | 经典案例 | 服务范围 | 新闻观点 | 服务客户 | 联系我们