HTML5 网路的大未来,关注浏览器的发展概况 _门户分享_申博sunbet申博官网
主页 > 门户分享 >HTML5 网路的大未来,关注浏览器的发展概况 > > 正文

HTML5 网路的大未来,关注浏览器的发展概况

2020-05-24 点赞:708 浏览量:946

HTML5 网路的大未来,关注浏览器的发展概况 Chrome、Firefox、IE、Opera,透过浏览器使用的网站服务愈来愈强大,也愈来愈美观,这可能是因为使用了 HTML5 技术。 HTML5 这个新一代的网路技术,让网路程式的功能赶上了桌面软体,让纯网路的作业环境变得更可能,各家浏览器的实际应用与未来发展,请看小编的介绍。

快速目录:HTML5 八大特色Opera:HTML5的先驱者,最欢迎HTML5的网路平台Chrome:HTML5的实践家,HTML5实际应用就看它Firefox:低调的支持者,挟HTML5进攻行动平台IE:沉稳的后来者,市场老大加入HTML5阵容

不论你使用什幺浏览器,你一定听过HTML5这个下一代的网路标準,不过HTML5到底是什幺呢?狭义的HTML5当然就是指新一代的超文本语言,用来取代现在製作网站的HTML4。不过广义的HTML5则包含了HTML5、CSS3、JavaScript等各种不同的技术,和过去的「Ajax」一词涵意类似。

目前HTML5还处于非常初期的发展阶段,2011年5月才进入Last Call Working draft,邀请开发者加入HTML5标準初稿制定的最后阶段,因此许多标準都还有可能变动,目前W3C Working Group预计要到2014年,才会到达稳定的候选版(Recomadation)阶段,这时多数标準都已经大致底定,不过Google在W3C HTML工作小组的编辑Ian Hickson曾猜测搞不到要到2022年才能达到这个目标。

HTML5 网路的大未来,关注浏览器的发展概况

▲目前最新版的HTML5标準是2011年5月的Last Call Working Draft。

HTML5的目的在于让网路开发者能够摆脱对于各种第三方外挂程式的依赖,加入了许多新的语言标记和格式支援,许多必须加上外挂后才能够达到的功能,未来只要利用HTML5这个开放标準就可以达成,例如HTML5将支援视讯标记,让浏览器不需依靠Flash就可以播放视讯或是音讯,另外也提供了网路摄影机、麦克风等多媒体装置的支援,网路程式未来的功能也就更为多样化。

HTML5 网路的大未来,关注浏览器的发展概况

▲依靠HTML5的新功能,网页开发者可以製作出不输Flash的效果。

虽然HTML5还在发展初期,不过已经出现了许多稳定而且实用的功能,因此包含Google、微软、苹果、Opera和Mozilla基金会在内的五大浏览器厂商,都迫不急待地在自家浏览器加入了适合自家的HTML5功能。这些较为稳定的HTML5功能可以分成以下8组。

HTML5 八大特色

HTML5 网路的大未来,关注浏览器的发展概况

离线与储存

HTML5为开发者提供了储存程式快取和简易的资料库功能,并可以指定线上和离线状态时,要进行何种工作。这个功能让网路程式在离线时也能够正常运作,让网际网路变身成一个系统平台。储存功能由网路储存空间、档案存取和IndexedDB资料库搭配而成,让HTML5程式可以将网路上的档案储存在本机端。

HTML5 网路的大未来,关注浏览器的发展概况

▲在本机端离线修改后,也具备将档案同步回伺服器的能力。

HTML5 网路的大未来,关注浏览器的发展概况

多媒体

HTML5的多媒体支援使用者已经听到不要听了吧,从YouTube支援HTML5影片播放,到Steve Jobs撰文批评Flash,并支持HTML5,都是媒体争相报导的大事。HTML5支援直接插入影片、音讯等多媒体资源,不再需要第三方外挂

HTML5 网路的大未来,关注浏览器的发展概况

▲第三方外挂可能将走入历史。

HTML5 网路的大未来,关注浏览器的发展概况

风格呈现

HTML5的另一个亮点就是搭配CSS3所能呈现出的网页版面,CSS3提供了圆角、网路字型、转场、2D和3D变型等功能,让网页的排版方式更为多样,也让网际网路可以变成最佳的电子书平台。

 

HTML5 网路的大未来,关注浏览器的发展概况

▲CSS3提供了多种字型,让排版方式多变。

HTML5 网路的大未来,关注浏览器的发展概况 语意

HTML5加入了过去没有的语意标籤,并修改了自上一代HTML和XHTML流传下来的缺点,让HTML的语意更为完善,也支援更多功能,让HTML5能够自给自足,成为一个完整的程式平台,而不需依靠第三方提供的外挂,例如影音播放、游戏製作、版面安排等功能,都是HTML5新加入的重点功能。

HTML5 网路的大未来,关注浏览器的发展概况

▲加入新的语意标籤。

HTML5 网路的大未来,关注浏览器的发展概况 档案存取

另一个HTML5的有趣功能就是它可以存取本地端的档案系统,听起来没什幺好玩的。不过如果你想把桌面的档案直接拖入网路程式中,就得依赖这个功能。档案存取功能可以让浏览器读取档案内容,例如你要上传照片,浏览器就可以在上传的同时显示缩图等。

HTML5 网路的大未来,关注浏览器的发展概况

▲桌面档案直接丢进浏览器。

HTML5 网路的大未来,关注浏览器的发展概况 效能

HTML5有多种增加执行效能的功能,让网路程式的反应速度更加贴进原生程式,例如使用程式快取、CSS3的转场和动画功能、背景执行JavaScript等,都可以提升网路程式的反应速度,让使用者有更加愉快的使用体验。

 

HTML5 网路的大未来,关注浏览器的发展概况

▲执行效能加速!让你不用等。

HTML5 网路的大未来,关注浏览器的发展概况 图像

浏览器的硬体加速想必大家都听过,这是HTML5提供的图像功能,让浏览器能够使用GPU的功能处理2D canvas、WebGL、SVG、CSS 3D变形等功能,让网页能够在使用更先进的图像时,保持网页的反应速度。

 

HTML5 网路的大未来,关注浏览器的发展概况

▲让浏览器增强3D、2D效果。

HTML5 网路的大未来,关注浏览器的发展概况 连结性

HTML5的最后一个特点资讯传递方式的增强,HTML5提供WebSocket协定,让本地端和伺服器之间能够保持通讯连线,降低资料传递的反应时间。开发者还能利用HTML5撷取本地端装置的功能,让HTML5程式具有即时通讯功能。另外HTML5也加入了伺服器将讯息推送到客户端的功能。

HTML5 网路的大未来,关注浏览器的发展概况

▲浏览器就是你的MSN!

延伸阅读:

今天不嘴炮,5大浏览器跑HTML5测试

注意!本网站支援 HTML5

不必学语法!Google 帮你把 Flash 转成 HTML5

(后面还有浏览器:Opera HTML5的介绍喔!)

Opera:HTML5的先驱者HTML5 网路的大未来,关注浏览器的发展概况 最欢迎HTML5的网路平台

Opera在对于HTML5的支援採取积极态度,并在W3C的HTML工作小组中非常活跃,甚至在HTML5发展早期Opera就贡献了不少基础规範,目前的HTML5是由W3C在当初由Opera、Apple和Firefox开发的Web Applications 1.0基础上建立起来的。Opera对于HTML5和CSS 3的接受度非常高。

HTML5 网路的大未来,关注浏览器的发展概况

▲未来浏览器将可以不依靠第三方程式,就可以驱动你的网路摄影机。

Opera也表示了对于HTML5的乐观看法,认为HTML5的Web app具有跨平台、开放的特性而且使用常见网页技术,让HTML5的网路程式不但容易开发、方便散布,而且流通性高的优点,让网际网路不再只是一个工具,而是一个完整的平台,未来你的电脑系统可能仅以浏览器作为作业平台,让你透过浏览器就可以获得完整的电脑能力。

HTML5 网路的大未来,关注浏览器的发展概况

▲HTML5抓取的视讯可以变成HTML物件并和网页内容互动。

不过Opera也表示HTML5现在仍有缺点,目前面临的最大问题就是3D效能不足,转向侦测和获利来源的问题。对于这些问题,W3C的HTML工作小组,针对3D效能不足的问题,HTML5提供了硬体加速功能,让HTML5开发的程式可以利用显示卡的效能,使得Web App的效能可以更接近原生程式。

HTML5 网路的大未来,关注浏览器的发展概况

▲Opera开发的Native Page功能可以让网页自动呈现为电子书的形式。

Opera正在开发的HTML5功能中,包含了GetUserMedia、Camera和Native Page功能。GetUserMedia可以让网站存取使用者电脑上的多媒体装置和档案,例如开发者可以利用HTML的Video标籤,将的来源换成使用者装置上的相机,让网页可以即时使用网路摄影机的影像,并和网页上的物件互动。除此之外,GetUserMedia也可以存取本机电脑上的资料流、音讯、联络人和行事曆资料,让电脑与本机档案的交流更加方便。

抢先试用HTML5新功能

为了让开发者更加熟悉这个功能,Opera内部的员工也提供了一个开发版Opera在部落格上,让开发者能够抢先试用支援这些功能的Opera浏览器,另外里面也详细解说了这些功能的作法,如果有兴趣的读者可以看看。

Opera Labs Camera and Pages网址

HTML5 网路的大未来,关注浏览器的发展概况

▲你可以在Opera Labs找到具有Native Pages和Camera支援的特殊版本Opera。

HTML5 网路的大未来,关注浏览器的发展概况

▲Opera也详尽解说了Native Page所使用的技术。

(后面还有浏览器:Chrome HTML5的介绍喔!)

Chrome:HTML5的实践家HTML5 网路的大未来,关注浏览器的发展概况 HTML5实际应用就看它

在众多浏览器中,和Opera一样积极将HTML5功能加入的,当属Google的Chrome浏览器了,不过Chrome浏览器并不是像Opera一样採用最先端的HTML5技术,相反地,Google稳健地在Chrome中加入已经开始成熟的HTML5功能,例如离线储存等,以搭配各样的Google服务,并藉着HTML5的功能,建立一个纯网路的作业系统平台,例如Google就将HTML5的离线储存功能广泛地应用在各种Google服务中,让使用者可以将档案暂存在浏览器的暂存档中,即使在离线时,也能够使用Google服务的某些功能。另外Google也利用HTML5存取本机端档案的功能,让Gmail等服务利用拖拉放的方式,将档案传送到网路服务中。

HTML5 网路的大未来,关注浏览器的发展概况

▲Google收集了许多HTML5展示,显示Chrome强大的硬体加速3D功能。

Chrome浏览器另一个着重的点在于硬体加速的导入,Chrome在数个版本之前就已经导入WebGL功能,让浏览器的3D显示能力能够藉由GPU大幅增强,在2D部分,Chrome浏览器也正在实验利用GPU加速2D内容和浏览器视窗的构成。

HTML5 网路的大未来,关注浏览器的发展概况

▲网路上也开始出现HTML5小游戏,未来甚至将可以进化到3D游戏呢!

不论是离线储存、档案存取和硬体加速,Google都是为了增加自家Chrome OS的功能性。Chrome OS是一个纯粹使用浏览器作为操作介面的浏览器,并依靠网路程式为作业系统增加功能,因此HTML5的出现使得Chrome OS的功能大进,减少对原生程式的依赖,也这让Chrome OS成为可以独当一面的系统。

HTML5 网路的大未来,关注浏览器的发展概况

▲WebRTC的即时讯息功能是Google Chrome即将加入的HTML5功能。

未来Chrome也将加入WebRTC功能,WebRTC指的是Web browser with Real-Time Communications(浏览器即时通讯),是一组JavaScript API,可以让网路程式具有和Skype一样的功能,而且不需安装第三方程式,未来我们想使用Google+的Hangout+或是Facebook里的视讯功能,就不需要额外再安装软体了,目前WebRTC W3C工作小组已经提出第一份标準草案(first draft)。

Google的HTML5实验

在Chrome浏览器中很早就加入了硬体加速的功能,让Chrome浏览器具备显示3D物件的能力,虽然还无法达到像原生软体一样的效能,但我们仍可一窥网路程式未来的样貌,未来无论是游戏或是3D建模,也许不过安装任何程式,只要上网就可以办得到,下一代Chrome也将加入游戏手把的支援,让网路游戏平台更加完整。Google也製作了许多以HTML5打造的网站,展示未来网站设计师可以利用HTML5设计出什幺样的网站,例如之前的OK GO的All is not Lost音乐录影带,就是以HTML5打造的。如果你对HTML5的功能有兴趣,Google提供的Chrome Experiments网站会是很好的展示。

Chrome Experiments网址

HTML5 网路的大未来,关注浏览器的发展概况

▲Google提供的Chrome Experiments网站具有非常多HTML5和WebGL展示。

(后面还有浏览器:Firefox HTML5的介绍喔!)

Firefox:低调的支持者HTML5 网路的大未来,关注浏览器的发展概况 挟HTML5进攻行动平台

比起Opera和Chrome,由社群开发的Firefox比较没有资源大张旗鼓地宣传自己的HTML5支援度,不过Firefox的HTML5支援能力可不比这两个浏览器差,默默地支援了许多已经加入HTML5草案的功能。而Firefox的硬体加速支援比Opera和Chrome更具弹性,除了採用採用OpenGL做为构成加速的技术之外,在 2D 内容物件的加速上会依各平台调整,现在就可以达成全平台支援,Firefox採用微软的 Direct2D(Windows平台)、Quartz(OS X)或 XRender(Linux平台)处理 2D 物件的组成。

HTML5 网路的大未来,关注浏览器的发展概况

▲B2G将支援行动装置的底层功能,包括拨打电话。

另外Firefox未来将纯粹利用HTML5等网路技术打造一个行动平台Boot to Gecko(B2G),让手机开发商能够用一个完全开发的选择。B2G计画预计所有的功能和程式都是以HTML5网路技术打造,让使用者开启手机后即可启动浏览器,使用这个完全云端的行动平台,也解决了开发者为不同装置重覆开发的烦恼。B2G平台和过去号称以网路技术打造的WebOS有什幺不同呢?B2G完全以网路技术打造,并在网路程式中,加入行动平台API,让浏览器可以执行所有的手机功能,如打电话、SMS等等,而不需转介到原生平台,因此它在理论上可以支援所有平台上的行动浏览器。

HTML5 网路的大未来,关注浏览器的发展概况

▲SMS也是预定加入的功能之一。

虽然B2G看起来非常目有未来性,但现阶段仍有许多问题,有许多工作尚待解决。例如加入各种新的Web API,让B2G平台可以支援电话、简讯、相机、蓝牙、USB和NFC等手机底层功能,另外待机模式也有待开发,最重要的工作则是确定各式网路程式可以轻鬆转译到B2G平台上。

HTML5 网路的大未来,关注浏览器的发展概况

▲B2G未来的Demo图,不过目前还有许多问题待解决。

抢先试玩B2G

你想抢先试玩这个以HTML5打造的行动平台吗?Mozilla基金会在自家Wiki中提供了网路版Demo,让你可以利用Firefox浏览器试用B2G平台和其前端介面Gaia,我们可以透过这个Demo了解B2G未来的蓝图。

B2G示範网页

HTML5 网路的大未来,关注浏览器的发展概况

▲在B2G的Demo网站中,可以玩B2G模拟器。

HTML5 网路的大未来,关注浏览器的发展概况

▲如果你对B2G有更深的兴趣,可以在MozillaWiki找到更多资料,网址为

(后面还有浏览器:IE HTML5的介绍喔!)

IE:沉稳的后来者HTML5 网路的大未来,关注浏览器的发展概况 市场老大加入HTML5阵容

老牌的Internet Explorer从IE 9开始就摆脱了过去封闭的形象,开始导入HTML5标準,到了IE 10更将进一步支援更多HTML5功能,我们从目前的IE 10 Preview平台可以看到微软这次对HTML5开放标準的支援是玩真的,开始支援许多几乎确定加入HTML5标準的功能。

HTML5 网路的大未来,关注浏览器的发展概况

▲IE 10的开发者预览只有在Windows 8下才能安装。

不过IE的脚步还是比其他厂商稍慢,台湾微软的应用开发技术副理上官林杰先生表示,由于HTML5标準尚未完全确定,微软并不会因为抢快而加入许多还不稳定的HTML5功能,而会慢慢地加入许多已经成熟的功能,提供使用者最高的稳定性,也让HTML5在IE中的表现达到最好。除此之外,上官先生还提到目前使用HTML5还有一些疑虑,像是SVG和canvas经过硬体加速之后是否能达到使用者的标準,和JavaScript与WebGL会曝露记忆体位置的安全疑虑,都是微软在全面支援HTML5标準之前,需考虑的重点。

HTML5 网路的大未来,关注浏览器的发展概况

▲使用者可以透过微软的Build Windows网站下载Windows 8预览版,体验IE 10的HTML5威力。

动作慢并不表示微软就不支援HTML5这个标準了,在W3C的HTML工作小组中,微软也积极地参与HTML5标準制定的工作,像是目前HTML5中储存网路资料的IndexedDB功能,就由Microsoft和Mozilla共同提出到W3C HTML工作小组中,未来也很有可能成为HTML5储存网路资料的标準API。

HTML5 网路的大未来,关注浏览器的发展概况

▲在IE Test Drive网站中,也提供许多HTML5展示,让你体验IE 10的硬体加速威力。

Build Windows网址
IE Test Drive网址

微软的硬体加速採用自家的DirectX方案,以Direct3D加速3D内容,并利用Direct2D和DirectWrite加速2D物件和文字,显示结果不但美观而且快速。不过微软的硬体加速目前只有在Windows Vista/7甚至是Windows 8才有效果。

HTML5 Labs

目前我们在IE 9只看得到些微的HTML5支援,不过真正的好戏还藏IE 10中,目前IE 10正加紧脚步开发中,想看看微软IE未来将支援什幺样的HTML5功能吗?那就不能错过HTML5 Labs网站,这个微软架设的网站列出微软正在进行的HTML5计画,我们可以看出下一代IE不但将支援用来和伺服器传输资料的WebSocket,也将支援储存网路资料的IndexedDB,另外HTML5影片字幕、多媒体撷取也是IE将来可能有的HTML5功能。

HTML5 网路的大未来,关注浏览器的发展概况

▲从HTML5 Labs我们可以知道IE未来将会支援什幺HTML5功能。

HTML5 Labs网址

 

本文同步刊载于PC home杂誌
  HTML5 网路的大未来,关注浏览器的发展概况
欢迎加入PC home杂誌粉丝团!
最新文章
华硕宣布ROG Phone II将搭载高通Snapdrago
华硕宣布ROG Phone II将搭载高通Snapdrago2020-05-22
华硕宣布于66举办ASUS ZenFone 6台湾上市记者
华硕宣布于66举办ASUS ZenFone 6台湾上市记者2020-05-22
华硕展示概念主机板PRIME Utopia,诠释未来桌机产品
华硕展示概念主机板PRIME Utopia,诠释未来桌机产品2020-05-22
华硕开放云端应用解决方案ASUS Open Cloud Co
华硕开放云端应用解决方案ASUS Open Cloud Co2020-05-22
华硕打造一款可协助判断蔬果食材是否清洗乾净的物联网设备 –
华硕打造一款可协助判断蔬果食材是否清洗乾净的物联网设备 – 2020-05-22
华硕打造最高运算效能的行动工作站笔电ProArt Studi
华硕打造最高运算效能的行动工作站笔电ProArt Studi2020-05-22
最新文章