cainiaohaha 发表于 2016-6-23 17:10:30

HTML5全栈开发和HTML4的区别



  与HTML4对比,HTML5全栈开发主要提供了一些新的并且十分有趣的特性:

  新的语义化标签如header footer article section nav 等等

  更完善的增强型表单控件如date email url等

  用于绘画的canvas元素

  用于多媒体播放的video和audio元素

  更强大的本地离线存储

  增强的网络通信,在服务器与本地应用之间建立持续连接的WebSocket接口

  运行后台进程的Web Worker

  地理位置定位功能

  ......

  列举出来的虽然不多,但从理解上来看,菜鸟在线小编觉得这已经很强大了,下面逐个分析:

  语义化标签:对用户来讲,通过与css3的结合,在可用性和用户体验上得到较大的提升;对于开发人员来讲,新增的这些标签增强了对标签语义的描述,可以让开发人员更简单高效的页面,也方便维护;对于网站主来讲,当涉及到网站的抓取和索引的时候,对于SEO很友好。

  增强型控件:采用内置的方式,减少了依赖java代码的必要性

  canvas: 这个不用说了,js游戏开发人员笑的合不拢嘴。

  多媒体元素:呃,这个强大了。现在,大多数的视频播放都是通过flash插件来显示的,html5只需要很简单的方式就可以实现视频的播放,还不用任何插件。特别是现在爱疯爱怕的的流行,移动终端不支持flash,html5视频的优势就体现出来了,各大视频网站都竞相退出了自己的html5视频,例如腾讯视频,新浪视频,搜狐视频的ipad专区。对于用户来说,不需要安装插件就可以看视频,更方便快捷;对于开发者来说,开发更加简单,以前各大公司可能都需要开发自己的flash播放器,现在利用html5可以很方便设计自己的播放器。

  本地存储:更强大的本地存储,让我们开发web本地应用成为一种可能。随着现在智能手持终端设备的大火,更是给了html5本地存储一个大大的发挥空间。

  WebSocket :WebSocket让我们曾经极为头疼的服务器推技术变得简单。因为它,服务器端和客户端可以指定的任意时刻内相互推送消息,并且允许跨域通信。

  Web Worker:提供一个java多线程解决方案。

  地理位置定位:Geolocation API,可以在移动云服务中使用智能手机定位功能。

ionicwang 发表于 2016-6-23 22:07:44

做在线教育的越来越多了
页: [1]
查看完整版本: HTML5全栈开发和HTML4的区别