整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

什么是 HTML5?

TML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。

HTML5的设计目的是为了在移动设备上支持多媒体。

HTML5 简单易学。

HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。。

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素

  • 用于媒介回放的 video 和 audio 元素

  • 对本地离线存储的更好的支持

  • 新的特殊内容元素,比如 article、footer、header、nav、section

  • 新的表单控件,比如 calendar、date、time、email、url、search

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单

下面是一个简单的HTML5文档:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>文档标题</title></head><body>文档内容......</body></html>

HTML5 的改进

  • 新元素

  • 新属性

  • 完全支持 CSS3

  • Video 和 Audio

  • 2D/3D 制图

  • 本地存储

  • 本地 SQL 数据

  • Web 应用

HTML5 多媒体

使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

  • HTML5 <video>

  • HTML5 <audio>

HTML5 应用

使用 HTML5 你可以简单地开发应用

  • 本地数据存储

  • 访问本地文件

  • 本地 SQL 数据

  • 缓存引用

  • Javascript 工作者

  • XHTMLHttpRequest 2

HTML5 图形

使用 HTML5 你可以简单的绘制图形:

  • 使用 <canvas> 元素。

  • 使用内联 SVG。

  • 使用 CSS3 2D 转换、CSS3 3D 转换。

HTML5 使用 CSS3

  • 新选择器

  • 新属性

  • 动画

  • 2D/3D 转换

  • 圆角

  • 阴影效果

  • 可下载的字体

了解更多CSS3知识请查看本站的 CSS3 教程。

HTML5 表单

新表单元素, 新属性,新输入类型,自动验证。

已移除元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

  • <acronym>

  • <applet>

  • <basefont>

  • <big>

  • <center>

  • <dir>

  • <font>

  • <frame>

  • <frameset>

  • <noframes>

  • <strike>

联网科技的风靡,催肥了相关产业,在传统行业的互联网转型中,互联网的美化者——网页设计师成为企业争相争夺的技术型人才,资本的传说诱惑着许多毕业生或者求职者通过专业培训,步入网页设计师的求职大军,那么芸芸众多的网页设计师中,如何才能力挫群雄,成为一名优秀的网页设计师呢?

“成为一名优秀的网页设计师,第一:灵感,第二:丰富的专业技能”翡翠科技某负责人:一定要结合制作内容来设计页面,尤其是一些社会新闻性质的网站,无论是排版还是内容,都要简单易读,让网友更多的关注内容而非你的设计,将新闻内容平稳的传递给网友。只有这样,你才是一名真正优秀的网页设计师。

移动互联网的快速发展,让智能手机在全球范围内迅速普及,商家为了更大的利润,将越来越多的应用充斥到5寸屏中,尤其手机游戏的风靡,催肥了相关产业,相关数据显示:在泛娱乐和移动新营销领域,HTML5目前已经显现出独特且强大的能力,目前随处可见的HTML5试玩版本,HTML5营销页面等等,让它逐渐成为移动新营销的主流方式,并且辐射到游戏、文学、动漫、影视等泛娱乐领域。

移动互联网利润的传说持续诱惑着投资人和企业运营者,迅速扩大的市场需要更多的专业人才,然而原有的网页设计与制作,主要针对PC平台,进行网页网站的设计与制作,相对会涉及一部分设计工作,并将美工图实现成网页。通常使用的工具是网页三剑客——PhotoShop、Flash、Dreamweaver,传统的网页设计师已经满足不了移动互联网市场的需求。

作为互联网时代的技术型人才,网页设计师曾经风靡一时,创造了丰富多彩的互联网文化环境,如今移动互联网的崛起,用户需求的改变反推市场的需求的变化,可以在移动设备上支持多媒体,真正改变用户与文档的交互方式的HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,逐渐成为移动互联网时代WEB前端开发的主流技术。

网页设计师的HTML5时代已经到来,设计能力提升,绽放青春梦想,激扬的青春岁月由自己主宰。

TML5是移动互联网的未来吗?

自2010年乔布斯公开支持并在iOS禁止Flash后,在多数开发者心中,这开始变成一个肯定的答案。

2010年到2011年,HTML5概念被热炒,受到追捧,甚至不少人预言HTML5应用将会替代原生app。但或许是当初被捧得太高,而不论是生态环境还是技术支持都远远算不上成熟,HTML5游戏在短暂热捧之后遭遇诸多问题,随后开始陷入冰谷,当初使用HTML5开发游戏的团队纷纷转型——HTML5或许将是未来,但现在谈论还为时过早。

在被遗忘一段时间之后,现在,一些专注于游戏领域的HTML5引擎服务提供商正在重整旗鼓(详见今日推送的第二篇文章),这让我们不由再次回头审视HTML5游戏走过的整个路程,并开始思考一个问题:在HTML5那条通往“未来”的遥远道路上,它正站在一个什么样的位置上?

■过去


2010年4月,苹果公司宣布禁止FlashPlayer登陆iOS系统,鼓励开发者使用HTML5技术,这一举动引起了轩然大波,乔布斯甚至为此撰写了一篇长文《关于Flash的几点思考》进行回应。当年十月,Zynga收购了HTML5游戏引擎开发商Dextrose,并在随后发布了第一款HTML5游戏《MafiaWarsAtlanticCity》。

从2011年开始,HTML5的概念开始火爆,在这一年,诸多大厂纷纷出击这一领域进行布局,MOTO投资了HTML5游戏公司Moblyng,迪士尼收购了HTML5游戏引擎公司RocketPack。

Facebook社交游戏开发商Wooga也在当年宣布进军HTML5和iOS游戏领域。

在同一年,Unity确认支持HTML5,Facebook收购HTML5技术团队Strobe,将自身在移动端的发力重心放在HTML5上。同年,手游大厂EA、Popcap、Gameloft也相继发布了自己的HTML5游戏。

在2011年底,还有一件重要的事情,Adobe宣布停止在Android系统更新FlashPlayer,并推荐开发者使用HTML5技术开发移动Web应用。

就在看起来形势一片大好HTML5概念火热的时候,哀歌从2012年开始唱响。

在2012年开年之际,此前MOTO投资的HTML5游戏开发商Moblyng倒闭是第一个音符,随后在六月,Wooga宣布停止开发HTML5游戏,他们曾经推出一款HTML5游戏《MagicLand:Island》,但是玩家玩这个游戏的总次数只有130万次,留存率仅5%,相比之下,他们在iOS平台推出的《DiamondDash》则获得了1800万次的下载。

为这支哀歌谱下强音的是Facebook的失败。在2012年9月,扎克伯格在接受采访时表示:“Facebook曾经错误地将赌注押在了HTML5上,这是我们最大的战略错误,致使我们错失了移动市场的发展良机。”

在那之后,曾经被捧上高位打上未来标签的HTML5技术在移动端狠狠摔落,HTML5开始淡出视野。

总结下来,HTML5在移动游戏领域所遭遇的困境,主要是由于四个原因:

1、技术不成熟,开发生态不完整

2、没有合适的载体,浏览器渲染性能低下

3、没有成熟的生态环境(渠道,运营商)

4、受制于网络环境

这些原因最终造成了游戏功能和表现受限,体验大打折扣。

在2013年底,下一代JavaScript标准规范ES6草案锁定并正式发布。

■现在

目前HTML5的框架和库都普遍偏于Web应用的制作,专注于游戏的偏少,比较流行的HTML5框架包括CreateJS,JQuery,AngularJS和Node.js,专注于HTML5游戏的引擎有Impact、Phaser、Pixi、Createjs、EaselJSPhaser、Turbulenz、GameClosure、Coco2d-HTML5和Egret等。

现在主流网站几乎全部支持HTML5标准,几乎所有流行的网站都采用了HTML5技术。但是在移动设备上,还尚未出现非常成熟的HTML5应用或游戏,这一市场还在刚刚起步。游戏方面,此前有一二三国、修仙三国、三国喵喵传等游戏,而目前,墨麟、游戏谷、光年互动等开发商正在开发HTML5游戏。

正在发生的另外一些事情:

1.各浏览器对HTML5标准化的支持正在慢慢趋于一致

2.硬件的变革正在不断推动采用HTML5技术制作的复杂应用和游戏的用户体验的快速提升

3.Web游戏类型在3G/4G网络下的数据发送接收速度正在变得相对高效,但目前国内总体网络质量仍不乐观

4.逐渐涌现出的HTML5游戏引擎和制作工具,开始降低H5游戏制作成本,并提高游戏开发效率

5.混生应用出现,上层使用h5开发,底层使用c++渲染,性能得到很大提升,这种方式是当前阶段的主流

6.一些巨头正在尝试引领这个市场,腾讯的手机QQ空间的安卓版应用,在前段时间将“玩吧”菜单放置在了底部菜单栏的一级入口;在玩吧中,现在已经上线了不少HTML5游戏,不仅有休闲游戏,也有一些卡牌类的中重度游戏,同时在安装QQ空间首次登录时,会自动进入一个名为“让童年飞”的HTML5休闲游戏,腾讯正在尝试引导用户尝试这些HTML5游戏,不过总体来说,内容还处于匮乏阶段,玩吧目前仅提供13款游戏;此外还有百度轻应用等。

看起来一切正在往前有序推进,不过站在游戏开发者角度来说又是什么看法?

在一些开发者看来,HTML5游戏开发快、易调试、跨平台、推广成本更低的特点,或许会是其优势所在,但是问题的核心在于如果不能在游戏体验上给予玩家更多好处,那么就没有太多的理由去看好,基于这点才会有市场,别的都是业内臆想。

而对于游戏玩家来说,内容才是永远的核心。

■未来

HTML5的成熟条件是什么?