当前位置:首页>HTML>HTML5教程>HTML5教程

HTML5教程

作者:微学网发布时间:2019-08-10 07:29:49

HTML5教程

HTML5产生的背景

html5教程学习
自1999年W3C发布HTML4以来,网络世界迅速发展壮大。曾经有人认为HTML标准已经很完美了,不需要再进化发展了。但是一些致力于开发Web开发应用程序的公司在一起统一建立了建立了WHATWG组织。直到2007年,W3C组织出手接替了whatwg的相关工作,并再次开始发展HTML5。用户的需求、技术开发人员的渴望、庞大的商业收益 都在急迫地推动的HTML5的发展。

在互联网的早期,对于用户来说,打开浏览器和访问互联网世界是一件令人兴奋的事情,但当互联网在2005年左右成长时,它开始显示出下一个变化,即宽带互联。随着宽带在全世界的普及和计算机性能的提高,通过互联网观看新闻和收发邮件已经不在被人们满足。更高带宽消费的娱乐产品开始出现,即流视频和网络游戏。

事实上,视频和游戏是最早的需求,当互联网不普及时,满足需求的方式是VCD和游戏CD。
后来,互联网逐渐流行起来,人们改变了使用方式,通过下载软件 + 本地多媒体播放器观看视频,下载规模更大的终端游戏。让消费者体验更好的颠覆性产品产生了,即流媒体和页游。YouTube等公司顺应了这股潮流,成千上万的页游公司应运而生。

然而,HTML标准并没有跟上产业的发展,浏览器也没有升级,流媒体和页游这块需求无法被满足。但是浏览器插件flash成功了推出了解决这些问题的解决方案。这个部署在数十亿浏览器中的商业插件已经成为事实上的标准。Adobe用巨款收购了Macromedia公司,并将Flash置于旗下。然后,它推广了FLV流媒体和action script。很明显,此次收购可以被视为IT收购的经典案例,FLV流媒体和Flash游戏在互联网上很流行,Adobe在新的互联网升级中获得了巨额利润。

除了商业产品Flash已经成为事实上的标准之外,W3C还面临着一个尴尬,微软大量扩展了html的私有协议。IE在桌面浏览器中占据垄断地位,并扩展了大量的纯IE语法。开发人员不知道这些语言到底是会规定的。整个互联网世界被两家公司绑架,微软 和 Adobe。

许多IT巨头不能坐视不管,尤其是苹果和谷歌。个人电脑操作系统的世界很难打破,苹果公司对网络web浏览器的期望很高,第一代iPhone只支持网页,当时还没有AppStore。Safari是乔布斯非常重视的产品。虽然谷歌赞助了Mozilla很多,但它并没有对IE的地位产生实质性的影响。在收购YouTube之后,谷歌发现底层是被Adobe控制,这很令人遗憾,而且谷歌每年支付给IE搜索框和Adobe FLV的费用非常高。

既然我们都是W3C组织的主席成员,让我们从头开始重新发展HTML5吧,HTML5就是这样诞生的。

HTML5是什么

HTML5是HTML的最新修订版本,由万维网联盟(W3C)于2014年10月完成。

目标是升级1999年制定的HTML4.01和XHTML 1.0标准,以便随着互联网的快速增长,互联网标准能够满足当代互联网的需求。

当我们从广义上谈论HTML5,它包括HTML、CSSJavaScript一整套技术方案。

它希望减少Web浏览器对基于插件的富Internet应用程序(RIA)的需求,如Adobe Flash、Microsoft Silverlight和Oracle JavaFX,并提供更多可有效增强Internet应用程序的标准集。

HTML的英文全称为Hyper Text Markup Language,即超文本标记语言。HTML5是HTML的一个新版本。HTML 不是一种编程语言,而是一种标记语言 (markup language)。

为什么学习HTML5

市场需求大

由于移动互联网的发展迅速,各种互联网企业的前端发展正在向HTML5的目标转型或者已经转型成功,企业迫切需要HTML5的开发者,但目前HTML5的市场整体供不应求。

薪资高

移动互联网前端开发程序员薪资普遍较高,这是由于行业的特性决定的。

对于开发者来说

跨平台

在多屏时代,开发人员遭受了如此多的痛苦,以至于每个人都期望HTML5扮演救世主的角色。

多套代码解决方案,多个技术工种,同步一致的业务流程和逻辑,这是一个痛苦的过程。

这有点像早期的个人电脑世界,当时的每台计算机都有自己的OS和编程语言。

开发人员奔波于制作不同的版本。

事实上,DOS的流行是因为开发人员没有精力为其他计算机写程序。

由于性能问题,跨平台技术大多在早期被淘汰,但随着现在硬件能力的大幅度提升后,跨平台技术将占据主流。

快速迭代

移动互联网是一个快鱼吃慢鱼的时代,谁能更快地满足用户的需求,谁的试错成本更低,谁就有很大的优势。

互联网产品大多是免费的,具有互联网效应,后来者很难抓住用户。

使用原生研发,从招聘、研发程序到上线 各个流程的效率都比html5慢了一倍多。

持续交付

很多人都有过这样的经历,一个native应用程序上架应用商店,突然出现了一个大的漏洞或者bug。

这时候不得不通宵工作进行修复,然后静静地等待两周以上的apple管理员审核,市场口碑下滑,用户大量流失。

等审核结束,用户已将app卸载了。但是,HTML5没有这些问题,您可以及时更新,并立即响应问题。

大幅下降成本

企业家融资并不容易,如何更有效地花钱是非常重要的。如果您使用native应用程序,而竞争对手使用HTML5开发应用程序,二者实现的功能都是一样的,但您的开发成本是对方的两倍,我相信没有投资者愿意付更多的钱。

开源生态系统发达

HTML5 前端是一个开放的正反馈循环生态系统,可以使用大量的开放源码库,开发应用程序变得更加容易和灵活,虽然这也体现在了快速迭代和成本降低。

但更重要的是,这种开放的正反馈循环生态系统在未来将比native生态系统更加有发展空间。

开放的数据交换

HTML是基于页面的,它不需要专门研发SDK。只要不混淆,它就可以与其他应用程序交互。

开发人员可以使移动搜索引擎更容易检索自己的数据。

更容易推广、更容易爆发

导流入口多,HTML5应用导流很容易,超级应用(如微信朋友圈)、搜索引擎、应用市场、浏览器、HTML5导流入口随处可见。

Native应用程序的流量入口只是应用程序市场。聪明的HTML5开发者当然可以利用各种流量入口来获得更大的优势。

导流效率高,除了入口多,流量大,导流效率也不能忽视,大家都知道:页游和端游打同样的广告,广告转化为用户的转化率,页游远远高于端游。

对于用户来说

大幅降低使用门槛

为什么流媒体成为主流而不是下载视频?为什么网页游戏如此流行?因为用户太懒了。

用户眼睛看到一个兴趣点,点击后,就应该立即开始满足用户需求。

比如流媒体可以立即看,页游可以立即玩。

而目前的原生应用市场,用户需要这样操作:选一个应用、等待下载、确认权限、等待安装,然后点击打开。这样糟糕的体验迟早要被颠覆。

不管是App、游戏还是音视频,未来都将即点即用。谁先满足用户这个需求,谁就占据优势。

实时更新、差量更新的优秀体验

HTML5应用程序可以独立地实时更新,而不受应用程序市场的限制。

用户可以快速体验网站的新功能。

这个更新可以是完全不同的更新或者一个差量更新,比如更新一个HTML页面或者增加一个css文件。

跨应用的使用体验

目前手机应用切换是以桌面或任务管理器为中心的,但事实上这很影响效率和体验。

用户想去三亚旅游,首先打开应用程序订票,然后回到桌面,找到并打开天气应用程序,搜索并输入三亚,然后切换到桌面,找到并打开旅游应用程序,输入航班号登记,哦,是的,航班号是什么,然后切换到桌面,找到并打开哪个应用程序,最终查看航班号。找到并打开租车app,输入汽车租赁的位置,然后再切换到桌面…

在本机应用程序系统中,用户只能这样做。然而,在HTML5系统中,他不需要切回到桌面,他可以很容易地在应用程序之间来回跳跃,而不是使用孤岛应用程序;他不需要重新输入数据,应用程序可以很容易地相互传输数据。

HTML5的发展趋势

移动优先

如今,移动应用程序是每天都在使用的,这在以前来说简直无法想象。在智能手机和平板电脑爆炸的时代,尤其是手机,已经成为人们生活中极其重要的部分。

大部分人离开了手机已经到了无法生存的地步,移动优先已经成为一种趋势,无论开发什么,移动应用程序都可以极大地促进人们的生活。

因此,未来HTML5应该优先考虑更多的移动设备应用。

目前,一些大型企业已经将HTML5应用于移动app的研发,这意味着它的卓越性,最终将成为一种趋势。

游戏开发是重要领域

游戏应该是一个非常有利可图的领域,但是玩手游,特别是付费游戏,限制了本地应用程序的发展,因为iOS系统需要支付苹果30%的佣金,而HTML5开发的Web应用程序可以避免支付30%的佣金。所以游戏开发者应该从HTML5中获益最多。

响应式设计

在HTML5真正改变移动开发平台之前,需要做出一个改变,即“响应式设计”,即屏幕可以根据内容自动调整大小。

然而,响应式设计也是一件非常困难的事情,因为今天的各种设备真的让开发人员感到困惑。

为了进行响应式设计,我们需要了解内容和屏幕之间的反馈关系。响应式设计完全分离了“流”,并专注于如何在网页和移动设备中处理内容。这个过程仍然是继承的,HTML5最终将成为可能。

设备访问

消除Web应用程序和本机应用程序之间的界限的最大障碍是浏览器能够访问移动设备的基本功能,如照相机、通讯簿、日历、加速器等。

Mozilla一直在尝试使用移动浏览器fennec来增强访问设备的能力。

对于许多移动开发厂家来说,提高设备访问能力是HTML5最令人兴奋的创新,这意味着Web应用能够登陆移动设备而无需做任何PhoneGap式打包。

游戏开发厂家最高兴的是,有些被屏蔽的功能可以直接使用,比如可以集成到游戏中的加速器。

这打开了另一个可能的世界,例如更好地与集成和改进游戏可玩性。使用HTML5,开发厂家不再依赖Java、CSS3、HTML和其他语言。

学习HTML5教程的前置储备知识

  • 需要掌握html语言

  • 需要掌握一些css知识

HTML5教程面向的学习人群

  • 计算机专业学生

  • 有志于从事前端开发工作的同学

  • 初中级前端工程师

  • 需要和前端研发打交道的设计师

  • seo从业人员

  • 后端工程师

HTML5教程的学习的目标

  • 认识并能熟练书写html5标签

  • 完全掌握HTML5网页结构

  • 能够独立地完成常见HTML5网页