达牛 简单粗暴，3分钟带你读完HTML5新手教程

作为人人追捧的高薪职业，如果你还不清楚HTML5是什么？今天我们花3分钟，弄明白HTML5究竟是个什么东西。

HTML5的由来

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

HTML5的基本组成

HTML5 = HTML + CSS + JavaScript

HTML指的是结构CSS指样式

JS即JavaScript，指的是行为关于结构、样式、

行为的理解：结构 - 在整个网页中有标题，有列表，有图片等。

样式 - 标题文字的字体大小、颜色、字体;

图片的大小;某个块的背景色或背景图等。

行为 - 在网页上四处飘动的广告;图片滚动;

浏览淘宝时鼠标移动到商品时，放大商品的效果等。

容易弄混的概念

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

2.前端后台的区别

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

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

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

达牛是手机应用学开创者，专注于手机应用开发，参与更多的手机应用项目开发，编程技术当然比大学院校毕业生更牛。转发本文并关注达牛微信号 todaniu 可以免费参加手机应用项目实战。