彻底打服Flash,HTML5的昨天今天和明天

随着移动互联网的不断发展,人们对于移动互联网上内容的表现形式也提出了更高的要求,移动互联网从简单的wap页面开始,内容...

随着移动互联网的不断发展,人们对于移动互联网上内容的表现形式也提出了更高的要求,移动互联网从简单的wap页面开始,内容也逐渐的丰富起来, 到了现在,我们使用移动设备,比如手机或者平板电脑,已经可以无障碍的访问互联网,且互联网上多媒体的展现也更好,就拿视频说事,很多网站都支持了 HTML5技术的视频播放,让网页播放视频可以更清晰,更流畅,Flash媒体内容在移动设备上则越来越被冷落,HTML5也成为了手机浏览器必争之地。  

HTML5的昨天今天和明天

  现在的手机浏览器厂商对HTML5的支持相当重视,HTML5的支持率得分,成为了手机浏览器厂商相互间比拼打压的一个重要依据,作为手机或者 平板电脑用户,现阶段我们对HTML5这个概念还很模糊,部分浏览器厂商甚至说HTML5应用可以取代传统移动App,也让HTML5成为了目前移动互联 网最火热的话题,今天,我们就向大家从非技术的角度,详细的解读HTML5,从文中大家也能对HTML5有所了解,并对HTML5有自己的看法。

  HTML5的昨天

  在互联网发展的初期,互联网由于没有一种网页技术呈现的标准,所以多家软件公司就合力打造了HTML标准,HTML标准规定网页如何处理文字, 如何安排图画等等,其中最著名的就是HTML4,这是一个具有跨时代意义的标准,在HTML4标准提出之前,互联网上的标准非常混乱,当时的微软、网景等 公司都提出了需要制定新的标准来规范互联网,所以W3C组织就于1997年提出了HTML4标准。  

HTML语言书写规范

  由于HTML4提出时,互联网环境较差,网络带宽不足,网页的呈现形式也非常有限,在早期的网页上,主要的内容还仅仅是文字,但随着网络带宽的 不断提高,人们对于互联网的要求也在不断提高,主流网站的内容在不断扩充,直到现在,一些主流互联网媒体的已经相当多了,大型门户的首页,在 1024×768分辨率下,可能需要四屏甚至更多才能够呈现完整页面,代码量就可想而知了。  

 早期的互联网网站页面

  相对于较早提出的HTML4来讲,各个浏览器在发展过程中也在不断的支持各种标准,这使得HTML4过于混乱,普遍现象是HTML4标准的同样 一串代码下,在各个浏览器上呈现出来的效果不同。同时HTML4所提供的样式和标记混淆,这也让W3C组织非常重视,在2004年W3C组织提出了 XHTML标准。  

网络语言发展

  XHTML只是HTML的扩展,对于数据类型要求更为严格,让HTML标准变得统一。不过XHTML并没有成功,大多数的浏览器厂商认为XHTML作为一个过渡化的标准并没有太大必要,所以XHTML并没有成为主流,而HTML5便因此孕育而生。

  HTML5的昨天

  HTML5的标准实施还有一个重要的发起者,那便是苹果教父乔布斯,他在2010年4月曾经发表过文章“关于Flash的思考”,文章开始抨击 Flash。众所周知MircoMedia所开发的Flash一直以来都是网络富媒体的最主要表现形式,曾经一度是网络富媒体唯一的解决方案,Flash 也几乎垄断了网页上的多媒体信息。  

苹果教主乔布斯

  乔布斯在文章中指出了Flash的多个缺陷,比如安全性、封闭性、不支持触摸等,放在移动设备上,Flash的功耗太高,会极大的影响电池的使 用时间,这款专门为PC所设计的产品,完全不适合在移动设备上使用。乔布斯的一席话正戳中了Flash的硬伤,不过传统互联网公司并没有太领情,想推动 HTML5的也仅仅是那些浏览器的开发商。   

苹果iPhone手机支持HTML5

  现在,移动互联网飞速发展,手机作为互联网终端,在互联网访问中所占的比重越来越大,各大网站也看到了Flash在移动设备浏览器上拙劣的表 现,甚至是Adobe也开始叫停移动设备的Flash插件,再加上始终不支持Flash的iOS设备占据着较大的比例,也让各大网站开始着手制作 HTML5的多媒体内容,这也推动了HTML5的发展。  

各浏览器支持HTML5时代表

  而各大厂商的浏览器产品也早早的为HTML5的发展铺好了道路,微软的Internet Explorer、苹果的Safari、谷歌的Chrome、Mozilla的Firefox以及Opera等主流浏览器的最新版本都对HTML5有了更 好的支持,在HTML5test的测试中都有着超过300分的高分,而Chrome的最新版本得分更是超过了400分,要知道这个测试的满分只有500 分。

  HTML5的现在

  HTML5作为移动互联网Web开发新的标准,拥有者很多新的特性,比如HTML5提供了大量新的标记和新的API,在旧的HTML标准所开发 的网页中,如果我们要在页面上修改一些内容的话,需要在浩瀚的网页代码中寻找需要修改的标记,而类似的标记很多,查找起来非常麻烦。而HTML5中,不仅 仅删除了大量原来HTML中大量没用的样式定义,并且新的定义也改为内容导向。  

 HTML5页面标签

  内容导向标记的好处一个是搜索引擎更容易查找,代码中的内容和标题标签更为醒目,网站内容能够更好地被搜索引擎所抓取。另一个好处就是标签更为 统一,HTML5将网页开发中常用的内容独立成为标签,比如说网页上的时钟等,这样开发人员在做网页的开发时就不需要写一些重复的CSS,可以直接使用 HTML5定义的新标签。  

HTML5新特性

  HTML5的新API包括很多,其中比较重要的包括了媒体播放、离线数据库、微数据或者二维绘图等等,比如二维绘图在旧的HTML标准中很难实 现,大多数情况下,我们制作数据图表,都是通过Excel制作,在进行截图并在网页上粘贴来实现,这样再修改起来就相当麻烦,这些问题也可以购买一些网页 图表控件实现,而HTML5所提供的二维绘图API解决类似问题就可以相当简单。  

HTML5视频

  媒体播放就更贴近用户了,用户不需要下载多媒体插件就可以直接观看HTML5页面上的媒体内容了。HTML5对于多媒体解码有了统一的标准,可以通过标签直接在网页上内嵌视频,这方面相信手机或者平板电脑用户都已经在手机浏览器中体验到了。

  HTML5的明天

  HTML5的出现对于开发者来说是一个利好消息,开发者可以通过HTML5开发一些网页应用,而不用考虑这些应用在各个设备商的兼容性。往常, 开发者需要为各个操作系统开发不同客户端以适应用户的需求,而有了HTML5,开发者完成一次开发,用户只需要有浏览器就可以在各个设备上打开HTML5 所开发的内容。  

Web App

  这也带来了一个新话题,Web App替代传统App,在HTML5标准中,可以通过浏览器直接使用手机上的陀螺仪、相机或者读取用户的地理位置,这也让开发者可以开发的应用更为广泛, 许多开发者也利用了HTML5的这一特性开发出了拥有App特性的应用,而这些应用相比传统App,最大的优势就是可以在多平台上进行使用。  

诺基亚地图HTML5版

  而在手机上的传统的App就不一样了,你需要使用不同的语言在不同的操作系统上写一个应用,而且还要在不同的平台上进行调试,想让一个应用程序在每一个平台都达到你想要的效果就非常困难,这方面HTML5上有绝对的优势。  

HTML5游戏命令与征服

  HTML5上可以承载的内容不仅仅局限在Web上,它可以将Web变成一个成熟的平台,拥有视频、音频、图像、动画、应用甚至是游戏,可以说未来推行HTML5将势在必行。

  HTML5的挑战

  仅仅看到HTML5的优点,我们还要看到HTML5的不足,首先HTML5所在的时代与当年Flash所在的时代不同,在当年Flash出现 前,网络上没有太多的多媒体内容,Flash的出现就是个奇迹,它的出现也弥补了网络内容的空缺,所以很快得以普及,Flash在经过多年的发展后,虽然 出现了很多问题,但同样积累了很多资源上的优势。  

革命性产品Flash

  而相比Flash,HTML5的出现确实受到了许多开发者的欢迎,但HTML5在内容的表现上,并没有太多突出的亮点内容,尤其是对于用户来 讲,HTML5没有带来太大的改变,这也直接导致了HTML5无法在短期内获得巨大的成功。而HTML5在移动设备上的表现目前也不好说,Android 设备上,HTML5在位图、矢量图、运算等多方面性能仍不及Flash,仅有视频播放上比Flash更有优势,这也跟浏览器开发商的侧重有关,这些开发商 更注重HTML5的支持而并非性能。  

W3C LOGO

  除此之外,HTML5直到现在也没有统一的规范,今年W3C可能会推出建议候选版,而正式标准的推出,不知道要到什么时候,这也会极大的影响 HTML5的普及,而作为普通开发者,现阶段就去开发HTML5应用,同样是一件不划算的事,浏览器支持HTML5需要较新的版本,而大部分PC用户还在 使用IE9以前的版本,开发者开发HTML5应用或者网页,可能直接导致大部分用户无法使用和阅读,这也很大程度打击了开发者的积极性。  

HTML5

  移动互联网的发展会改变整个互联网发展的格局,这对于HTML5来说是件好事,对于用户来讲,苹果的iOS早早的将Flash拒之门外,仅仅是 对HTML5的发展起到了刺激作用,也仅有一些视频网站为了争夺用户做了一些妥协,而真正谈HTML5时代的到来,还为时尚早,HTML5要想改变现在的 互联网还需要迈过很多道砍。