随着移动互联网的快速发展,HTML5迅速崛起,我们的生活的方方面面都被HTML5渗透着。HTML5在PC端、移动端上均应用广泛,被称为Web的未来。而随着Google正式停止支持Swiffy,HTML5将独占谷歌平台。而微软、苹果等国外浏览器厂商也鼓励大家转投HTML5,因为HTML5在安全、性能、Web开发等方面优势明显。而傲游(Maxthon)、360、搜狗、QQ、猎豹等国产浏览器,同样对HTML5一致看好、追捧。由此可见,HTML5将成为未来5-10年内,移动互联网领域的主宰者。

  同样在未来的发展中,HTML5开发仍然会成为众多求职者热捧的行业。面对发展如此迅速的行业,如果你现在还不清楚到底HTML5是什么,那你是真的落伍了。菜鸟在线为你揭秘,让你真正了解HTML5是什么。

  HTML5的由来

  不熟悉HTML5的人,可能会很熟悉一个2005年以前常用的词语——网页设计与制作。

  随着行业的发展,网站的制作越来越受到了人们的重视,社会化分工越来越明细。在2005年,“WEB前端开发工程师”这个词语开始出现在各个一线城市。2008年,HTML5横空出世,2009年HTML5这个全新的词语在北京的一些顶尖级公司出现,2012年,逐渐开始普及,2014年迅速发展。

  HTML5的基本组成

  HTML5 = HTML + CSS + JavaScript

  HTML指的是结构

  CSS指样式

  JS即JavaScript,指的是行为

  关于结构、样式、行为的理解:

  结构 - 在整个网页中有标题,有列表,有图片等。

  样式 - 标题文字的字体大小、颜色、字体;图片的大小;某个块的背景色或背景图等。

  行为 - 在网页上四处飘动的广告;图片滚动;浏览淘宝时鼠标移动到商品时,放大商品的效果等。

  容易弄混的概念

  1.HTML5移动端的功能和应用程序

  对于苹果手机中的应用程序,属于iOS开发,语言是OC;对于其他安卓系统的手机,需要使用JAVA语言进行开发。HTML5能够做的是移动端的网页以及微信平台中的移动端网页。

  2.前端后台的区别

  无论HTML5还是iOS,在整个网页开发流程当中,前端(HTML5)开发工程师,主要负责的是“前台页面制作”,“网站测试”,“修改”三个部分。

  3.HTML5与网页设计与制作的区别

  原有的网页设计与制作,主要针对PC平台,进行网页网站的设计与制作,相对会涉及一部分设计工作,并将美工图实现成网页。通常使用的工具是网页三剑客——PhotoShop、Flash、Dreamweaver。

  然而,行业的发展使得“网页设计与制作”这一职业逐渐遭到了淘汰。其中原因之一就是网页设计与制作当中的结构实现,通常采用的是table布局;而WEB前端开发工程师、HTML5当中结构的实现,采用的是DIV+CSS方式的布局,因此,Dreamweaver工具的使用也就没有什么必要性了,取而代之的是内存占用小,开发速度快的文本类编辑器。而Flash,在与HTML5的大战当中战败,当前已经退出了移动端以及电视平台的市场争夺,在PC平台也越来越少。转言之,Flash在网页制作的领域里已经江郎才尽,原来的网页三剑客只剩下一个PS,在前端工作的要求中,需要掌握基本的切图即可。

  移动互联网的飞速发展,使得HTML5迅速蔓延,让不少开发商发现了机遇,HTML5开发人才也遭受疯抢,但传统前端人才很难驾驭移动端,因此,HTML5开发人才出现严重紧缺状态,很多企业陷入两难境地。据统计,我国对于高级HTML5开发人员的缺口将达到12万左右。

  HTML5未来前景十分光明,需要我们紧紧抓住机会,一次正确的选择和行动,是改变一生的机遇,一次专业地学习,让你至少少走十年的弯路!

关于HTML5新手应该知道的几点知识的更多相关文章

  1. HTML5 云知梦自觉,记录知识 点

    第一章(1--3) 文档类型:<!doctype html> 网站代码结构:<html> <head> <meta charset="UTF-8&q ...

  2. html是什么,html5是什么?web开发必备知识之html

    如果你要写一篇文章,你可以能会这样写:"我是小明,今年6岁了,现在在上小学一年级.我喜欢吃鲍鱼." 当时如果你像让"鲍鱼"这两个字红色并且字体大一点怎么办?? ...

  3. HTML5中手势原理分析与数学知识的实践

    摘要:在这触控屏的时代,人性化的手势操作已经深入了我们生活的每个部分.现代应用越来越重视与用户的交互及体验,手势是最直接且最为有效的交互方式,一个好的手势交互,能降低用户的使用成本和流程,大大提高了用 ...

  4. 新手入门HTML5有什么推荐的书籍?

    很多想迈入HTML5开发行列的人,都会问一个问题:要成为一个更好的开发人员,我应该读哪些书?有哪些HTML5开发的书籍推荐吗? 有人说开卷有益,读万卷书行万里路;有人说,书不在多,精益求精;有人说,书 ...

  5. HTML5零基础学习Web前端需要知道哪些?

    HTML零基础学习Web前端网页制作,首先是要掌握一些常用标签的使用和他们的各个属性,常用的标签我总结了一下有以下这些: html:页面的根元素. head:页面的头部标签,是所有头部元素的容器. b ...

  6. HTML5实战与剖析之原生拖拽(四可拖动dragable属性和其他成员)

    可拖动dragable属性 之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了.今天为大家介绍HTML5拖拽中的其他一些小东东,闲话不多说赶快一起看看吧. 在默认情况下,链接.文本和图像 ...

  7. MATLAB新手教程

    MATLAB新手教程   .MATLAB的基本知识 1-1.基本运算与函数    在MATLAB下进行基本数学运算,仅仅需将运算式直接打入提示号(>>)之後,并按入Enter键就可以.比如 ...

  8. HTML5 HybridApp开发上手指引

    眼下我们项目是基于AngularJS和ionic框架开发的Hybrid App.支持android phone/pad, iPhone,iPad四个平台版本号.以及微信版. 由于使用的技术有点新,所以 ...

  9. HTML5 拖放(Drag 和 Drop)功能开发——浅谈dataTransfer对象

    [前言] 之前我已经为大家介绍过一篇有关HTML5中原生拖拽的相关知识了.今天为大家介绍HTML5拖拽中的其他一些关于dataTransfer对象的知识和应用. dataTransfer对象 之前的一 ...

随机推荐

  1. 张高兴的 Xamarin.Android 学习笔记:(二)“Hello World”

    完成环境配置后开始第一个简单项目.打开 Visual Studio 新建一个 Xamarin.Android 项目 "HelloAndroid".(GitHub:https://g ...

  2. MYSQL 子查询返回多列显示

    因工作需要,目前研究出一种mysql 技能,与大家分享一下. 需求:关联查询另一个大表数据的某些(一个以上)字段 方案:因关联查询的表数据太大.多表查询影响效率,单个子查询又有些多余.所以采用多列拼接 ...

  3. 启动关闭zookeeper集群的脚本

    启动hadoop Ha集群是,每次都要手动启动每个zk节点,实在是太麻烦了.于是乎自己写了个脚本startAllZK.sh: 需要启动的节点,先在 NODENAME_ARR 数组中配置好,zkServ ...

  4. swift 之 mustache模板引擎

    用法: Variable Tags {{name}} 用来渲染值name datas: let data = ["value": "test"] ------- ...

  5. IntelliJ下断点不可用 No executable code found

    情景说明:ant工程+IntelliJ Idea 采取copy编译后的class文件到WEB-INF/classes目录下,断点一直不可用 如图: 网上查了很多资料都说的不够明确,IntelliJ社区 ...

  6. eclipse禁用svg文件Validation

    1.打开window>preferences>validation找到xml validator 2.点击xml validator最右侧的按钮打开xml校验规则窗口,选中exclude ...

  7. HTML学习笔记 css定位浮动及瀑布流案例 第十三节 (原创) 参考使用表

    #fd { width: 100px; height: 150px; background-color: forestgreen; float: left; } #sd { width: 150px; ...

  8. Jenkins TFS配置

    1. 在Jenkins中安装TFS插件 2. 在Build Server上安装tfs客户端程序,用来访问代码服务器获取代码, 这一部是由TFS Anywhere完成的 下载TFS Anywhere h ...

  9. linux数据库备份脚本

    数据库备份1.创建个备份存储目录mkdir /root/backup/2.以下内容写到dbbackup.sh(注意,使用VIM 或者VI命令新建文件,不要在WINDOWS下新建,否则可能提示 No s ...

  10. C#数据类型和SQL数据类型对照

    C#操作SQL Float类型,数据会多很多小数,原来是C#的float和sql的float类型不一致        /// <summary>        /// 数据库中与C#中的数 ...