建站知识

零基础的人如何自学h5技术?

标签:   | 作者:DT范福州网站建设 | TIMES:2018-02-18
什么是 HTML5?

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

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

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

作为Html的第五次重大改革,Html5在以下方面均有改进:

一、网络标准

HTML5本身是由W3C推荐出来的,它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。换句话说,每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。

二、多设备跨平台

用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera 的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因。

三、自适应网页设计

 

很早就有人设想,能不能“一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)。

2010年,Ethan Marcotte提出了”自适应网页设计“这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。

这就解决了传统的一种局面——网站为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

Html5的优势和劣势可以总结如下:

 

优势: 

          a、网络标准统一、HTML5本身是由W3C推荐出来的。

          b、多设备、跨平台 

          c、即时更新。

          d、提高可用性和改进用户的友好体验;

          e、有几个新的标签,这将有助于开发人员定义重要的内容; 

          f、可以给站点带来更多的多媒体元素(视频和音频);  

          g、可以很好的替代Flash和Silverlight;

          h、涉及到网站的抓取和索引的时候,对于SEO很友好; 

          i、被大量应用于移动应用程序和游戏。 

 

劣势:

          a、安全:像之前Firefox4的web socket和透明代理的实现存在严重的安全问题,同时web storage、web socket 这样的              功能很容易被黑客利用,来盗取用户的信息和资料。 

          b、完善性:许多特性各浏览器的支持程度也不一样。 

          c、技术门槛:HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习,像web worker、web socket、              web storage 等新特性,后台甚至浏览器原理的知识,机遇的同时也是巨大的挑战 

          d、性能:某些平台上的引擎问题导致HTML5性能低下。 

          e、浏览器兼容性:最大缺点,IE9以下浏览器几乎全军覆没。
我们学习html5的意义:

最近几年web前端开发领域最热的话题当属HTML5,HTML5从根本上改变了开发商开发web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。

在移动领域,大家争论不休的一个问题就是开发Web应用还是原生应用?而随着HTML5标准的发展,两者之间的差异已经逐渐变得模糊,今天各大媒体都争相报道与HTML5有关的东西,那么,HTML5未来的发展趋势到底是什么?下面我来说说我的观点以及我所看到的一些我觉得比较认同的观点。

一、移动优先

如今移动应用层出不穷,可以用只有咱没想到的没有人家没做到的来形容,在这个智能手机和平板电脑大爆炸的时代,尤其是手机,已经成为人们生活中非常重要的一部分,很大一部分人离开手机已经到没法生活的地步了,移动优先已成趋势,不管是开发什么,都以移动为主,移动应用可以极大的方便人们的生活。所以未来HTML5应该会优先在移动设备上更多的应用。如今已经有一些大企业将HTML5应用于移动开发,表现非常出色,所以终将成为趋势。

二、游戏开发是重要领域

如今做游戏那应该是相当赚钱的一个领域了,但是做手游尤其是收费的游戏,开发原声应用就有局限了,因为iOS系统充值需要向苹果公司支付30%的提成,而利用HTML5开发web应用,可以很巧妙的躲过这30%的提成。所以游戏开发商应该是从HTML5中获益最多的一方。

三、响应式设计

在HTML 5真的改变移动开发平台之前,必须要迈出重要一步,那就是“响应式设计”,也就是屏幕可以根据内容而自动调整大小。然而响应式设计也是一件非常不容易的事情,因为当今各式各样的设备实在是让开发者眼花缭乱,手足无措。要想做好响应式设计,就必须洞悉内容与屏幕之间的反馈关系,响应式设计要完全离开“流”,转而注重内容是如何在网页和移动设备中被处理的,这一过程还在继续,HTML 5会让它最终成为可能。

四、设备访问

消除Web应用与原生应用界限的最大障碍就是浏览器访问移动设备基本特性的能力,比如照相机,通讯录,日历,加速器等,利用HTML5实现此能力方面,Mozilla一直在努力通过移动浏览器Fennec来将强设备访问能力。对许多移动开发商来说,提高设备访问能力是HTML5最令人激动的革新,这意味着Web应用能够登陆移动设备而无需做任何PhoneGap式打包,游戏开发商当然最开心,因为某些特性对他们来说是封锁的,比如能整合到游戏中的加速器。这就开启了另一个可能的世界,比如能与云更好地整合并提高游戏可玩性,有了HTML5这个平台,开发商可以不再依赖于Java语言,CSS3,HTML及其它程序语言。

五、离线缓存

离线缓存算是比较新的一个概念,简单来说就是在离线情况下,web应用还可以正常运行。传统意义上的web应用需要依赖于网络,而HTML5的离线缓存可以冲破这个束缚,利用离线缓存技术,可以在离线状态下正常使用web应用。目前已经有产品实现了这个方式。比如亚马逊Kindle的云阅读器。

那对于初学者如何自学h5技术呢?

其实,并不是HTML5全栈开发的概念不重要,而是你并不知道要如何去使用这个概念,如何用这个概念来解决你遇到的问题。那么我们今天的HTML5教程就来讲讲这些概念。打个比方,概念就像木材和石料,首先我们必须要拥有这些原材料,才能用我们的双手盖起阁楼,但如果你连原料都没有,哪怕你有一身本事,也是没有用的。

  在HTML5教程中其实有很多的概念需要我们牢记的,简单的说,Hello这个单词大家都会拼写,也都懂,但如果我要问你为什么这个单词是由这5个字母组成?估计你就回答不出来了吧,那么当初你是如何记住这个单词的呢?

  记忆其实是个非常简单的东西,如果你说你记不住,那可能是你了解的还不够多。就像你玩英雄联盟,如果你每天都打,那么相信每个英雄的技能你都一定会烂熟于胸。这就是个熟能生巧的过程,就像我们说的HELLO一样,甚至我们并不用刻意去背诵它,都可以记得深刻,牢固。

  所以如果我们天天使用HTML5全栈开发,学习概念,观看HTML5教程,那么不需要刻意的背诵,我们也能轻松掌握并非常牢靠。概念不是背下来的,而是在我们使用的过程中,在我们编程的过程中逐渐的融入到血液里的,只要你用的足够长,想忘记都难。


相关新闻
首页 | 网站制作 | 网站模板 | 定制设计 | 建站知识
高端网站设计咨询156-5917-6979