关于HTML5新手应该知道的几点知识

Posted 2020-10-15

　　随着移动互联网的快速发展，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未来前景十分光明，需要我们紧紧抓住机会，一次正确的选择和行动，是改变一生的机遇，一次专业地学习，让你至少少走十年的弯路!