看HTML 5如何改变你的互联网世界

原创
开发 前端
随着HTML 5所担负的使命越来越明朗,各个厂商与网站建设者对HTML 5投入了越来越多的关注与期待。HTML 5究竟有哪些改进?HTML 5带来的网络变革是否已经可以预见?本文详细的描述了这一景观。

【51CTO精选译文】Firefox 和Safari开始部分支持它,Google Wave和Chrome项目是以它为基础,它让许多开发人员欣喜万分,它 —— 就是传说中的HTML 5。

51CTO编辑推荐:HTML 5 下一代Web开发标准详解

[[7295]]
图 1 人类从爬行到直立行走是一种进化过程,HTML标准发展到HTML 5也是一种进化过程

什么是HTML 5?它有何真本事?

HTML 5是Web核心语言HTML的规范,你在浏览器中看到的一切都是HTML格式化的。新版HTML 5在某些核心上做了改进,这是开发人员需要了解的,但不是所有网站都会使用到新特性,但毫无疑问这些新特性将改变我们建立网站和使用互联网的方式。

Html 5究竟有哪些改进?

HTML 5的改进
图 2 HTML 5中新增标记和移除标记示例

HTML 5已经占据了太多的头版头条,这都得感谢浏览器厂家如微软,谷歌,苹果,Mozilla,Opera的努力。下面是一份简短的新特性列表。如果希望了解HTML 5与之前HTML元素的不同,可参考51CTO之前的这篇《HTML 5中将被舍弃以及将被强化的元素》。

离线存储

听起来有点像“超级Cookies”,但它有更多空间存储一次性数据和持久性应用程序数据库,如电子邮件,你可以把离线存储认为是类似谷歌Gears的东西(前两天谷歌都已经放弃Gears全面转向HTML5了),使用离线存储的好处是不用安装任何插件。

绘图画布

有些网站会在网页上设置一个区域进行互动,可以是图片,图表和游戏组件,现在可以不用Flash或其它插件就可以直接在网页上涂鸦了。

原生态视频和音频流支持

Youtube和Pandora可能有一天会跳过Flash为你带来全新的视频和音频体验,包括定时播放和其它贴心的功能,这一切都得归功于HTML 5中的视频和音频标记。

几何定位

HTML 5可以找到你的位置,并用它来定制搜索结果,博客更新等内容,位置感知设备就是利用这种技术的一次伟大创新。

智能表单

搜索框,文本输入和其它类型的字段可以获得更好的控制,如焦点处理,数据验证,与其它页面元素的交互,通过电子邮件发送等,听起来可能不是很吸引人,但它可以大大减少用户的烦扰,总归是件好事。

Web应用程序集中化

HTML 5可以更容易地建立Wiki,拖放工具,讨论版,实时聊天,前端搜索和其它现代网站元素,并让它们可以跨浏览器使用。

HTML 5直接绘图
图 3 使用HTML 5直接绘图

为什么还要推HTML 5?Flash和JavaScript不是已经可以做到这些了吗?(51CTO编者注:自HTML 5开始吸引人眼球以来,很多评论都成HTML 5将取代Flash等RIA插件,同时也有RIA从业者认为HTML 5与RIA技术将形成互补的关系。)

版本众多的Flash
图 4 Flash号称跨平台,但版本众多

#T#其实HTML 5和JavaScript并不冲突,新的标记将使JavaScript代码更容易编写,对于Flash,Silverlight和其它浏览器插件,它们是人工解决HTML 5尝试修复的天然问题:放置和管理网页上的互动元素。

除了会致使浏览器内存泄露和崩溃外,Flash和它的兄弟也不能在每个平台上工作,必须对每个平台进行单独开发和编译发布,如果你想让应用程序所有人都能够使用,一次编译到处运行是个不错的理想,当越来越多的浏览器和开发人员支持HTML 5的音频、视频和互动标准,Web作为一个通用应用程序商店 —— 既适合于智能手机,有适合于桌面电脑,笔记本,Windows,Mac和Linux,离我们的这个理想就更近了一步。

苹果试图使用它推出的第一代iPhone将这种技术强制灌输给开发人员,自那以后,Web应用程序开始变得越来越强大,开发商们也开始转变开发模式。

iPhone Web应用
图 5 iPhone开启Web应用程序加速发展的浪潮

这并不是说HTML 5驱动Web应用,由于严重缺乏本地存储和脱机功能,才会使iPhone应用程序商店,Android商场对我们的桌面软件造成冲击。看看谷歌如何定位Chrome操作系统的吧,它使用HTML 5实现离线存储,目前的主要目标是上网本市场,未来的一切都会在互联网上,可见谷歌的野心有多大。

如何在网页上使用HTML 5呢?

HTML 5不是一个软件,它只是一个标准,制定这个标准时充分吸收了广大开发人员和各个浏览器厂商的意见。说得再简单点就是,它取决于你使用什么上网,以及网站遵循了什么标准。

桌面版Firefox ,Safari,Chrome都支持HTML 5规范草案的某些标准和风格,如离线存储,绘图画布,最有意思的是音频和视频标记,它让浏览器直接支持流媒体文件,苹果的Safari iPhone版本和Android浏览器,以及Opera Mobile也支持HTML 5元素,想知道你的浏览器支持HTML 5那些标准吗?已经有人整理成图表放在Wikipedia网站上了。

浏览器支持HTML 5的情况
图 6 不同浏览器引擎对HTML 5的支持程度不同

那些音频视频标签看起来可能并不自由,HTML 5标准起草专家 —— 来自谷歌的Ian Hickson和来自苹果的Davd Hyatt想为视频流定义一个单一的标准格式,他们主要青睐H.264/MPEG-4标准,但开源厂家如Mozilla却不能容忍它不是开源的,它们不是特别喜欢购买许可,它们的选择是Theora,也就是著名的Ogg Theora,但根据最新的标准草案,HTML 5已经去除了统一的视频和音频标记,这意味着各个浏览器厂商会做出不同的选择。

无论如何,HTML 5是不可阻挡的技术发展趋势,它只会使我们未来使用互联网的方式越来越方便,越来越贴心。虽然现在还没有形式正式的标准,但从各个浏览器厂家的积极态度可以看出,无论标准何时被审核通过(根据51CTO的最新消息,预计将在三年之内),都会促使网站建设者逐渐向HTML 5标准靠拢,这是一件幸事。

原文:How HTML5 Will Change the Way You Use the Web

作者:Kevin Purdy

责任编辑:yangsai 来源: 51CTO.com
相关推荐

2012-09-12 09:31:18

HTML5HTML5资讯

2011-08-30 14:12:21

HTML 5

2015-10-23 13:39:02

硅谷动力

2015-07-23 15:44:22

华三/互联网+

2010-03-31 08:53:01

HTML 5Web

2019-09-23 11:10:31

HTML静态页面互联网

2010-12-30 09:17:57

PHP程序

2014-01-06 14:54:51

2014-07-24 15:24:36

互联网大数据

2014-10-08 15:07:45

GITC2014全球互联网技术大会

2021-08-04 16:47:02

互联网BAT字节跳动

2023-02-01 08:07:39

HTMLChatGPT互联网

2020-12-28 11:00:34

物联网万物互联智能

2022-05-13 23:08:56

物联网安全智能汽车

2015-05-21 18:33:01

微软奥的斯

2021-11-05 14:36:28

物联网WiFi安全

2013-01-14 14:02:11

2020-07-03 07:44:27

互联网APP投标

2018-02-24 21:44:05

互联网大数据春节

2013-03-21 09:41:21

点赞
收藏

51CTO技术栈公众号