相信你对HTML5应该不陌生?这货就是HTML的升级版,也是万维网联盟(W3C)在2014年10月搞定的。设计目的就是为了给移动端带来更好的多媒体体验,让我们学起来更轻松。今天,我就来给你介绍下《极客学院HTML5新特性基础视频教程》,一起看看HTML5都有哪些新鲜玩意儿,比如新的多媒体功能,新的应用,新的图形什么的。
HTML5的新特性概览
HTML5更新了一堆让网页更炫更好玩儿的功能,也让开发者轻松了不少。比如,网页里的视频和音乐不用再靠插件,可以直接加入了。这就像给网页装了音箱和电视,让内容更有活力。还有就是,HTML5加了个Canvas绘图功能,就像给网页配了个画板,开发者可以随便涂鸦。
多媒体功能的革新
用HTML5以前,想在网页上看视频听音乐得依赖啥?得靠Flash这种插件,不仅拖慢网页速度,还有安全漏洞风险。但是HTML5一来,全变了!有了这些简单标签,就能把视频和音频插进网页里,就像给网页配上了音箱和电视,内容立马生动起来了。而且,操作也不难,开发者们能轻松加个播放、暂停、调音量之类的功能。
新的图形和动画支持
HTML5canvas元素提供了一个超牛的画板功能,通过编程,我们能用JavaScript给网页画出各种形状,玩出各种花样。无论是简简单单的几何图形,还是高大上的数据可视化图表,都不在话下。更厉害的是,它还具备制作动画的能力,只要不停地刷新画布就能做出动态效果,让网页变得活灵活现。
新的Web存储功能
以前我们上网用HTML5前的网页,数据都存放在小小的cookie里,它,存在内存有限,也不够安全!但现在HTML5出马,它带给了网页两个新功能——本地储存库(localStorage)和会话储存库(sessionStorage),这不就是给网页加了个保险箱,能大大方方地存好多东西。而且,这个本地储存库还特别厉害,就算你关掉浏览器,里面的数据也不会丢哦;而那个会话储存库,它只在你打开浏览器的那段时间内有用,一旦浏览器关了,里面的数据也就没了。所以,开发者们可以根据自己的需求来选哪个储存库用。
应用缓存的引入
HTML5带来了个好东西——应用程序缓存,这个功能让我们的网页不仅有了电量储备,还可以在断网时继续运行。这样一来,就算没网络,用户还是能用我们的应用。优点简直不要太明显:离线看、加载快、对服务器压力小。要实现这个功能也很容易,只要在文档标签里加个manifest属性,再弄个manifest文件就行了。这个文件里你可以告诉浏览器哪些文件要缓存,哪些要联网获取,还有断网时的回退页面是哪个。
WebWorkers的多线程处理
HTML5让我们看到了一个新的小工具——WebWorkers,它就像你的虚拟私人助手,能在后台默默帮你处理各种繁琐计算任务,而完全不影响你浏览网页的流畅感!有的网站里的那些花时间的计算工作,如数据分析、图片处理等等,都可以交给WebWorkers来搞定。有了这个神奇的功能,开发者们就能实现多线程处理,让你上网时更加流畅、愉快!
服务器推送事件
HTML5有个服务器推送事件(Server-SentEvents)功能,就是服务器能主动把信息发给客户端,就像网站上有个随时更新的新闻频道。这个功能特别适合用来搞实时聊天,更新数据这类事情。只用写几个简单的JavaScript代码,就能让服务器主动发消息到客户端,让你的网页变得更生动、更实时!
HTML5的未来展望
HTML5,就是最新的网络技术标准,它的市场前景真的很棒。现在的手机越来越普遍了,而且网路应用也变得更复杂了,所以HTML5的新功能肯定会赢得大家的喜爱。不管是多媒体的更新、图形和动画的支持、还是Web储存的使用,再到应用缓存啊、WebWorkers啊、Server推送这些玩意儿,HTML5就像推土机一样推进着网络技术的进步。以后,我觉得HTML5还能带给我们更多的新鲜事儿。
评论0