什么是web前端
如何来理解WEB前端（HTML5）是什么呢？我们从几个角度进行阐述，分别是狭义上的HTML5（就技术来讨论技术）、广义上的WEB前端（HTML5）（平时技术会议、聊天时的含义）、技术层面。希望大家通过文章的查看对WEB前端（HTML5）是什么有个更深入的理解。
狭义上的WEB前端（HTML5）：
1. HTML4.0的升级版本
2. HTML5+CSS3+新增JS API
3. W3C制定的关于HTML技术约定的新规范
广义上的WEB前端（HTML5）：
1. HTML5行业的代名词
2. 行业的技术标准
3. 当前新技术的代名词
欢迎沟通交流~HTML5学堂（码匠）
WEB前端（HTML5）技术概括：
从HTML5技术的角度来说，我们将HTML5技术分为五大类，分别是：
1. 新增标签以及属性；
2. CSS3的新特性；
3. Canvas绘图；
4. JavaScript的新增API（如重力感应、HTML5视音频等）；
5. 移动端。
——————————————————————————————
WEB前端（HTML5）是做什么的
极其简单的概括：用于实现我们能够看到的所有网站，但是不涉及到数据层面（也就是负责将一张设计好的网页图片[设计师的工作]，用代码实现出来，在一个地方放置个块，给一个块设置颜色，调整字体大小，让图片动起来等）。
WEB前端（HTML5）的由来
不熟悉HTML5的人，可能会很熟悉一个2005年以前常用的词语——网页设计与制作。
随着行业的发展，网站的制作越来越受到了人们的重视，社会化分工越来越明细。在2005年，“WEB前端开发工程师”这个词语开始出现在各个一线城市。2008年，HTML5横空出世，2009年HTML5这个全新的词语在北京的一些顶尖级公司出现，2012年，逐渐的普及开来，2014年迅速发展。
WEB前端（HTML5）的基本组成
HTML5 = HTML + CSS + JavaScript
HTML指的是结构
CSS指样式
JS即JavaScript，指的是行为
关于结构、样式、行为的理解：
结构 - 在整个网页中有标题，有列表，有图片等。
样式 - 标题文字的字体大小、颜色、字体；图片的大小；某个块的背景色或背景图等。
行为 - 在网页上四处飘动的广告；图片滚动；浏览淘宝时鼠标移动到商品时，放大商品的效果等。
WEB前端（HTML5） 与 网页设计与制作 的区别
原有的网页设计与制作，主要针对PC平台，进行网页网站的设计与制作，相对会涉及一部分设计工作，并将美工图实现成网页。通常使用的工具是网页三剑客——PhotoShop、Flash、Dreamweaver。然而，行业的发展使得“网页设计与制作”这一职业逐渐遭到了淘汰，原因主要有四：
网页设计与网页制作是两个完全不同的领域，一个由美感主导，另一个则需要逻辑思维主导。对于开发人员来说，如果将宝贵的精力分散到两个不同的行业中，最后通常两方面都是半斤八两，没有实质的竞争力；
网页设计与制作，这一职业中的制作，指的是网页的结构与样式（即HTML+CSS），而当前网站中JavaScript已经占据了极大的比重，如果还停留在原有的结构和样式中，发展空间会变得很小；
网页设计与制作当中的结构实现，通常采用的是table布局；而WEB前端开发工程师、HTML5当中结构的实现，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就没有什么必要性了，取而代之的是内存占用小，开发速度快的文本类编辑器。而Flash，在与HTML5的大战当中战败，当前已经退出了移动端以及电视平台的市场争夺，在PC平台也越来越少。转言之，Flash在网页制作的领域里已经江郎才尽~原来的网页三剑客只剩下一个PS，在前端工作的要求中，需要掌握基本的切图即可；
移动互联网的飞速发展，也使得HTML5的地位迅速提升。移动设备有其特殊的开发要求，原有的网页设计与制作，早已无法满足开发的需要。
参考资料：
