注册 登录
深水醉蛇网 返回首页

张稼文的业余的庭院 http://sszs.cc/?4 [收藏] [复制] [分享] [RSS]

日志

H5是啥?跟我有啥关系?(学习资料)

热度 5已有 1105 次阅读2015-3-31 13:38 |个人分类:秋叶集(2015卷)| 资料

 

图片来自搜狐


文本文件是一种由若干行字符构成的计算机文件。文本文件是指一种容器,而纯文本是指一种内容。文本文件可以包含纯文本。一般来说,计算机文件可以分为两类:文本文件和二进制文件。

网页文件本身是一种文本文件。超文本(Hypertext )是含有指向其它文本文件链接的文本。也就是用超链接的方法,将各种不同空间的信息组织在一起的网状文本。

超链接(hyperlink),是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。

互联网是建立在超文本基础之上的。

 

在这里,H,是超文本标记语言HTMLHypertext Markup Language)的简称的简称。HTML是一种用于描述网页文档的一种标记语言,它通过标记符号来标记要显示的网页中的各个部分,以此告诉浏览器如何显示其中的内容。

简单地说,HTML是一种创建网页的方式。

 

H5,或可简称为第五代网页制作技术和标准。

2010 年,乔布斯曾放言:“没有人愿意使用Flash,全球已经开始步入H5 时代。”

H5 是用于取代1999 年制定的 HTML 4.01 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些H5 技术。H5 有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。简单来说,它能在移动端做出Flash 做不出的动画效果,即H5 就是移动端的Web 页面。

但如果仅仅将H5 看作是替代Flash 的一个技术,就过于低估了其真正的能力。

对于开发者来说,H5 Native APP 相比有如下7 大优点:开发成本低,仅为APP 1/5 甚至1/10;免适配、跨平台;维护方便、不用升级;互动性强,便于产品的快速迭代;无安装门槛,推广成本低;便于积累经验和数据;可将轻应用放置在手机桌面,有效提高活跃度。

 

 

那么,H5跟我们有啥关系?

推荐两篇文章――


H5搅动移动应用生态圈

 

 

H5是什么?功能强大,互动灵活,视觉精美的网页?更完美、更炫酷的用户体验?H5席卷移动互联网,带来的不仅仅是“点赞”和“分享”。催生新的应用生态圈,变革新闻生产方式,H5真的很“火”

今年全国两会期间,媒体出现了新气象。对会议的报道不再只局限于文字。代表委员咋开会?记者带你上人民大会堂“看”一遭。今年有啥新政策?“抢”个红包,就知道。人民日报全媒体平台开发“抢总理发的政策红包”应用,有的人抢到了 “蓝天白云”,有的人抢到了 “求职不难”,还有人抢到了 “涨工资”。“红包”内不但有相关政策内容的简要说明,还附带有通俗易懂的解读。这些精彩的效果,大多由HTML5 H5)网页呈现。

H5所带来的并不仅仅是功能强大、互动灵活、视觉精美的网页。基于H5的轻应用,正在悄然催生出新的应用生态圈。对于媒体行业而言,H5浪潮似乎终将打破内容编辑和产品经理之间的角色差异,使新闻生产方式因技术创新而发生“质”的变革。

 

看新闻不误抢“红包”

 

通俗地说,H5是一种创建网页的方式。它会让手机网页看上去更炫酷,功能也更丰富多彩。更重要的是,H5会使很多原生应用被“轻应用”取代。

“抢总理发的政策红包”是一款基于H5的互动小游戏。用户无需下载任何游戏应用,就能直接在网页中体验到与应用内完全一致的丰富效果。据悉,“抢总理发的政策红包”的开发也异常简单:开发耗时三天,团队组成为文案一人、视觉两人、程序两人。

H5到底是什么?事实上,HTML5 是针对超文本语言HTML的第五次修订,以使网络标准达到当今的网络需求。通俗地说,H5是一种创建网页的方式。

即使你不是科技从业者,也不是关心互联网技术的极客,作为一个普通的移动互联网用户,H5也将改变你的生活。

H5会让手机网页看上去更炫酷,功能也更丰富多彩。H5支持视频、音频等多媒体功能,减少了网页对播放和读取插件的依赖。同时,H5还开放了地理位置接口,用户的定位服务因此变得更加方便快捷。

假如你有个当程序员的小伙伴,那么他的工作会变得更轻松。

H5是一种趋势。”周四下午6点,星讯科技公司移动事业部技术总监王兴在公司楼下的小咖啡厅里侃侃而谈。以往这个时候,他都会来小咖啡厅里坐坐。但这次,他没有点3份快餐打包带给楼上的同事,也没有叫双倍浓缩咖啡给自己提神。他和研发团队里的其他同事都已经下班了。这对于以高负荷加班著称的移动研发岗位而言实在是件罕见的事。而这些都归因于H5带来的高效率。

“为什么要用H5呢?”王兴解释道,“像是以前,一个给苹果手机开发的产品,只能在苹果手机上运行。要在三星或者小米上用,还得重新开发。H5是跨系统平台的,像是苹果、安卓、Windows Phone这些主流的系统,都能‘自适应’,用不着多次开发。”

“就是突破了以往的很多局限,让网页更强大了。”王兴总结道。

更重要的是,H5会使手机里的很多原生应用被“轻应用”取代。强大的H5网页使许多本来仅能在APP中实现的功能可以直接在网页中得以实现,这些基于网页的应用就是轻应用。与原生应用相比,轻应用的优势显而易见。用户使用起来不那么麻烦了,手机内存也不会不够用了。

“在一些领域,H5轻应用取代传统的客户端,或是一个发展方向。” 王兴说。

 

逼市场重新分“蛋糕”

 

H5 轻应用正悄悄挤占原生应用市场,成为业内津津乐道的“未来应用”。社交、搜索、手机浏览器和应用商店,都在试图培养自己的轻应用“生态圈”

H5席卷移动互联网,带来的不仅仅是“点赞”和“分享”。H5 轻应用正悄悄挤占原生应用市场,成为业内津津乐道的“未来应用”。在这样的趋势下,构建轻应用的统一入口、形成轻应用开放平台,成为互联网巨头们竞相发展的方向。

点开某演员的微信公号,页面下方出现了“微世界”和“微社区”两个选项。点击“微世界”,页面随即跳转;在该演员的照片背景上,浮现出“讨论区”“新闻动态”“店铺”“智能产品”“俱乐部”“个人中心”等一系列功能模块。而点击“微社区”,一个类似微博的信息流页面随即展开;用户可以自由发言、评论、点赞,甚至运营话题。这些与原生应用毫无二致的功能界面,用户仅仅需要关注微信公号即可进入,无需进行任何下载安装。

腾讯公司相关负责人介绍,腾讯微信正通过公众号构建一个强大的轻应用平台。通过接入微信开放接口集,开发者不仅能够使用微信本身的拍照、选图、语音、位置等基本功能,还可以直接使用微信分享、扫一扫、卡券、移动支付等。

39日,360手机助手推出“流应用”开放平台,为用户提供无需安装、即点即用的全功能应用。该应用优化了离线运行能力,能够在不稳定的网络环境下持续地提供服务。缴纳话费、预约挂号、火车抢票、航班查询,人们日常生活所涉及的方方面面都可以通过“流应用”得到满足。

360手机助手高级总监陶伟华认为,与原生应用相比,这些轻应用系统适配性更强,分发通路更短,且不存在应用下载带来的用户损耗。“轻应用将对互联网行业产生深远的影响,甚至可能颠覆既有的应用市场格局,带来‘重新洗牌’的效应。”他说。

H5轻应用应运而生、填补空白的机遇面前,社交、搜索、浏览器、应用商店,究竟谁能够抢占先机?陶伟华认为,答案尚未揭晓。但是,“流量”和“定位”是成功构建轻应用平台最重要的因素。

 

新闻人轻松兼数职

 

新闻从业者可以“身兼数职”,不但能够从事采写编评,而且能够担任“产品经理”,自定义新闻产品的形态。其中,H5势必起到“水”和“电”的作用

互联网巨头纷纷落子布局,H5也为媒体打开了一条崭新的发展路径。有业内人士指出,H5轻应用可以完全承载新闻客户端的全部功能,甚至还能提供更好的用户体验。对于媒体行业而言,轻应用在技术研发和分发推广上,都更加“省力省心”。

不论微博还是微信,媒体账号都可以轻松接入轻应用,将自己数百万甚至数千万粉丝或订阅者直接转换为实实在在的用户。除此之外,社交媒体、搜索引擎、手机浏览器等平台,都为轻应用的构建提供了技术支持,也为轻应用的推广提供了无限可能。

据介绍,新浪推出云计算平台,使媒体可以借助“模块化”的方式生成轻应用产品,并集中经营用户关系。腾讯上线开发工具“风铃”,使微信公众账号可以在模板化的工具内快速开发出具备地图、幻灯片、定位、抽奖等能力的服务体系。

基于这样的方式,在不久的将来,一个毫无技术经验的媒体编辑,就能通过鼠标“拖拽”的方式,组合既有的轻应用模块,“生成”轻应用。滚动图片、新闻流、评论、用户讨论区、直播、活动、调查、抽奖……功能模块稍加排列,添入内容,一个功能强大、跨系统适配的轻应用就完成了。

业内人士指出,可以想见,在未来的媒体行业中,内容和产品间难以逾越的壁垒最终将被颠覆;新闻从业者可以“身兼数职”,不但能够从事采写编评,而且能够担任“产品经理”,自定义新闻产品的形态。在这其中,H5技术势必起到“水”和“电”的作用。新闻生产的方式可能因为这样的技术创新而发生“质”的变革。

 

 来源:人民日报2015-3-26 P20


风靡全网的H5究竟是什么?

 

 

谈到今年互联网的发展趋势,必然会提及一个热词:H5。从H5小游戏、H5大翻页,到H5站点、H5营销。那么究竟什么是H5呢?小编将简单梳理一下H5的前世今生,为你揭开H5的神秘面纱。

 

H5的前世今生

 

H5是指第5HTML,也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页,多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML,就可以把网页内容显示出来,它也构成了互联网兴起的基础。

HTML的第一版1991年开始研发,1993年发布。本来每隔一段时间HTML都应该进行更新,但是自199912HTML4.01发布以来,就再也没有更新。此后的十多年,互联网行业发生了翻天覆地的变化,人们逐渐意识到原有的HTML已经不能适应互联网的发展了。这时出现了两个组织分别提出了新的方案:WHATWGW3C。前者开发了Web Applications 1.0,后者则开发了XHTML2.0。在2006 年,双方决定进行合作,来创建新一代的HTML,这就是H5

H52008年发布草案以来,并未引起广泛关注,而是进入了长期的迭代优化周期。直到去年10W3C终于宣布,经过长达8年的努力,HTML5标准规范最终制定完成并向全世界开放。H5标准规范的开放注定成为一个划时代意义的事件,从那一天起H5便成为了全网最火热的新词。

 

H5的强大功能

 

H5之所以能引发如此广泛的效应,根本在于它不再只是一种标记语言,它为下一代互联网提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些应用标准化和开放化,从而使互联网也能够轻松实现类似桌面的应用体验。

H5的最显著的优势在于跨平台性,用H5搭建的站点与应用可以兼容PC端与移动端、WindowsLinux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上,打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本,可以让企业特别是创业者获得更多的发展机遇。

此外,H5的本地存储特性也给使用者带来了更多便利。基于H5开发的轻应用比本地APP拥有更短的启动时间,更快的联网速度,而且无需下载占用存储空间,特别适合手机等移动媒体。而H5让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果,这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。

 

H5APP谁将胜出?

 

H5的兴起引发了业界的一个重要讨论:H5是否会替代APP?在APP风光时,H5被看成是一个噱头;而在H5风光时,又出现了“APP已死”的言论。随着微信公众平台开放微信内网页开发工具包,H5眼看又要迎来新一波的风光期,那么它和APP之间真的是你死我活的关系吗?

一个显而易见的事实是,在桌面操作系统上,本地应用程序并没有因为网络技术的发展就被用户抛弃了。对于一些常用的应用,用户还是会选择安装,以便可以即时的使用它,这并不会因为有同类的网络服务而改变。用户不愿意在本地安装的大多是那些需求频次较低,或者更适合在浏览器场景下使用的产品。

同样的道理,H5APP各有优缺点,各有其适用场合。在媒体训练营冬季峰会上,搜狐董事局主席张朝阳的讲话就很能说明这一问题:“H5是轻应用,它是一个流量中枢,到达的流量非常多,像一个大树一样,每个叶子都在接下来的雨水。APP是一个重应用,但是它是一个强入口,用户下载的门槛比较高,一旦下载以后它的渲染能力很强。”张朝阳认为APP只有大的才能活下去,因为它的技术和运营成本都很高。而H5 的门槛很低,适用于个人与中小媒体。

那么问题来了!究竟是选择H5还是选择APP?有选择性障碍的同学们有福了。因为搜狐快站不仅可以免费搭建基于H5的移动站点,还可以一键生成APP。用户可以根据自己的性质和需求进行选择,也可以两者都生成。如果你使用过搜狐快站,一定会觉得原来看上去高端大气的H5其实就是这么简单。

 

来源:it.sohu.com 2015-03-02

 

文中摘抄资料来源于新闻报道及相关公开信息




路过

鸡蛋
4

鲜花

握手

雷人

刚表态过的朋友 (4 人)

发表评论 评论 (5 个评论)

回复 以婉 2015-3-31 13:59
看着数据就头疼
回复 zhuke 2015-3-31 14:01
快站只是针对手机端H5的建立,现在有一款PC,平板,移动都支持的站点建设平台,名字叫“tuweia”http://tuweia.cn/c/home/ 响应式网站。如公司平台模板能如此智能编辑做专题也会容易得多,设计师和程序猿也可以做其他更重要的事情。
回复 张稼文的业余 2015-3-31 14:02
设计狮和程序猿
回复 张稼文的业余 2015-3-31 14:09
zhuke: 快站只是针对手机端H5的建立,现在有一款PC,平板,移动都支持的站点建设平台,名字叫“tuweia”http://tuweia.cn/c/home/ 响应式网站。如公司平台模板能如此智能 ...
突唯阿,咋个叫这么一个名字!
回复 zhuke 2015-3-31 14:15
张稼文的业余: 突唯阿,咋个叫这么一个名字!
tuweia 音译的吧。哈哈

facelist

您需要登录后才可以评论 登录 | 注册