联网的迅速发展，软件行业成了更多年轻人的就业选择。HTML5简单易学门槛低，是Web时代前端开发超好用的工具。而HTML5开发人员的就业薪资也远远高于其他行业。

资料显示，初级HTML5开发人员的平均薪资在8K-10K左右，拥有一定工作经验的人薪资普遍达到15K-20K。如此广阔的前景当然吸引了无数专业或非专业人士的加入。HTML5用途范围广，下面小编就来给大家分享常见的HTML5框架。

HTML5基础入门之常见的HTML5框架有哪些?

1、Siimpler

Siimpler 是个简单的 HTML 开发框架，他可以通过选择你自己喜欢的部分，来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 Web 项目。

2、Ionic

Ionic 是个神奇的框架和强大前端开源系统，使用先进的Web技术，比如CSS、HTML 和 JS 来创建令人惊叹的手机应用。

3、Foundation

Foundation 是世界上精妙的前端响应框架，同时，它可以兼容所有的浏览器和网络设备。Foundation 拥有移动友好型的用户接口，设置了许多关键特性。

4、Enyo

Enyo是一个开源的 Jaa 框架，该框架能够让你创建顶级的 HTML5 应用程序，该应用程序能够运行在各种各样的电子设备上，比如说手机、台式机、笔记本、电视以及Web应用。

5、LimeJS

针对于所有的新的桌面浏览器和触屏设备，LimeJS 对于有用户经验的游戏开发者而言是教好的和较强大的开发框架。

6、Bootstrap

Bootstrap能让所有开发者都能迅速上手、所有设备都可以适配、所有项目都适用。此外，bootstrap的官网也有很多教程提供。

7、juery UI

juery UI 主要分为交互、微件和效果库3个部分，主打代码开源，操作继承了juery 的简单特性，兼容各主流桌面浏览器。

前端HTML5是当下很多企业都会用到的软件开发，HTML5是移动互联网前端的主流开发语言，目前还没有任何一种前端开发技术能够取代HTML5。因此，无论是PC端还是APP端的应用，前端样式都离不开HTML5.

从手机与电脑上网的使用率来看，从事HTML5或者Web相关的开发工作，就业前景还是比较可观的。而且，现在的网站开发都往移动设备上转移，所以HTML5或者Web前端是众望所归。

做web大概有八年的时间，今天主要给新手想要做HTML5开发的新手简单说下HTML5能做为什么以及未来的发展和一个系统的学习规划，目前HTML5有多火，不用我说大家都清楚，很多其他行业想转行做HTML5开发，想要在以后有一个好的发展前景，HTML5技术的不断的成熟，各大浏览器不断兼容HTML5最新技术，HTML5被称为可以改变人们生活的东西。而现在HTML5的竞争也是非常的大，所以说我想要做HTML5开发一定要先把技术学好才能去找工作。

HTML5都能做什么？

第一：刚出现不久的小程序，很流行，在开发的过程，HTML5技术就会应用的很多。

第二：移动端是HTML5不可缺少的技术，现在都是移动端的市场，人们手机的一些功能，缓存，音乐，视频，地位，Canvas绘图还有大量的特效，好看的效果，都是不可能离开HTML5技术。

第三：现手游的火爆程度，PC端游戏受到了冲击，比如LOL被王者荣耀冲击，这是时代的变化，HTML5可以做手机游戏，前景光明。

第四：互联网的各种应用，在如今变化多端的互联网，好像任何东西都仿佛离不开了HTML5的技术。

下面我说下HTML5的学习路线：

第一阶段：HTML+CSS+JS

第一阶段要学习基础的静态布局，HTML+CSS，特别提出一定要下功夫攻破JS，JS是最难的，也是前端开发的工资标准，见过很多人学不懂JS，因为JS的逻辑非常强，要跟着大量的案例进行学习，学习JS方法非常重要，很多在学的时候感觉没有效率是没有良好的学习方案

第二阶段：HTML5+CSS3+JQ

了解HTML5新特性，CSS3新属性，换句话说HTML5就是另一个，我上面说的，如果JS学不好，HTML5也很难，本HTML5要和JS完美的配合，而JQ是JS框架，只要原生JS掌握的不错，学习JQ不是难事。

第三阶段：主流框架

前端框架是我们必须要学习的，每一个公司都会用到，但是框架学起来不容易，这些框架都是用原生JS封装的，再一次强调一下JS的重要性，只要一直做前端永远都不会离开JS，就是需要JavaScript，所以一定要学好JavaScript，一个好的学习方法非常重要。

刚接触HTML5的新伙伴多了解这些行情才是学习HTML5开发的关键，找到一个有效率的学习方式才是最重要的，方法不对在努力也是白费，少走弯路就是学习HTML5开发的捷径，前端我做开发将近十年，这些懂得还是很多，有不懂的问题随时可以请教我，下面有我的HTML5新手学习裙，对于学习方法，学习效率，以后行业发展的都可以问我，群里也有很多比较精品的HTML5学习视频免费分享给新人，希望新手少走弯路。

到移动端手机网站的建设及优化，估计很多读者要说了，“我们是做工程（或者批发、大型设备之类）的，客户是企业都是上班的时候在电脑上搜，手机网站简单copy一下PC网站就好了。”真是这样吗？下面是南宁桂之邦工程机械有限公司在百度刚调整时候的聊天截图：

“其实PC端减少广告位对我影响不大，我们主要还是靠移动端的，移动没变的话都不怕。”想不到吧，做挖掘机配件的公司主要的询盘都来自移动端。咱先不说越来越多的用户从PC端转向移动端，为什么要做移动端优化，下面3个理由分分钟让人不得不花心思在移动端了：

1.百度调整竞价广告位数量后，由于移动端的广告本来就少，推广效果并没有受到太大的影响。所以，在PC端广告位大量下架的时候，移动端是一个机会。

2.企业开通百度推广一定要有手机网站；

3.百度不再对开通竞价推广的企业赠送手机网站（其实百度之前送的手机网站，也只是PC网站转码来的）。

所以请务必加强移动端网站的建设优化！牛牛今天就给大家讲讲手机网站该怎么去优化，没有手机网站的可以借鉴，已经建设手机网站的对比检查：

首先我们从外观上说，建议老板对比检查：

1、定位和页面设计

①无论是PC端还是移动端，网站都要考虑清楚目标客户的定位问题。这个可以参考之前老牛讲到过的多次网站定位问题，比如搞清楚“目标客户”和“目标客户的客户”分别要的是什么。

②在页面设计时，要考虑到用户打开网页的时长，避免使用弹窗、flash、javascript等技术。这不仅仅是影响用户体验，同时对于搜索引擎而言，基本理解不了。我们要尽量减少百度索引抓取的工作，让百度蜘蛛尽可能多的爬行和收录页面。

在技术层面来讲，Apple产品不支持Flash功能，同时Flash会占用大量的流量和网速,目前已经处于边缘化，地位逐渐被HTML5所替代。

2、网站尽可能简洁

①手机网站比PC端网站的页面下载速度要慢得多，因此尽量把页面数和页面大小控制到最低。

②此外，手机用户浏览网页的时间是零碎的，不可能耐心点击很多的页面，而且浏览习惯是纵向（上下）滑动。因此，网站首页可以多屏设计，但是要尽可能的减少网站页面层级。

③咨询探头尽可能精简再精简，从客户进入网站到询盘尽可能提供最直接的方式，比如电话咨询，杜绝在线留言、发邮件等。

然后放大招，内容涉及到专业术语，建议专业优化以站长对比检查：

3、域名和robots设置。

①域名尽可能简短易记，大部分手机版网站的域名是PC端网站的二级域名，当然这个也很好，与传统网站保持一致，更让重视用户信赖。

②robots设置上最好不要任何限制，让所有搜索引擎抓取。另外小生在这里纠正一个很多站长想当然的误区，百度官方声明百度spider的爬虫UA是Baiduspider(www 和wap 一致)，个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile，其实没这回事。

4、页面细节优化。

①专属的手机网站头部标签。

对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词，在每个页面的关键字及描述像做传统PC端网站一 样，做好针对性的填写工作。对搜索结果的展现(摘要)以及优化工作大有帮助。

②减少死链。

如果没有内容，最好用状态码指定，比如404、403 等;如果内容死链希望重定向到首页，最好通过302重定向跳转，不要使用javascript的动态请求方式跳转。

5、使用规范化的协议，做好浏览器兼容调试工作。

一般来说手机建站有xhtml、html5、wml 三种协议，最好使用规范化、标准化的协议格式，避免造成不必要的麻烦。当然也可以做多个版本的站点，站点进行不同版式的自动适配。

6、url链接规范化。

①对于多个板块的二级域名或者目录来说，使用规范、简单的url，尽量去除与页面内容无关的参数，如用来区分手机型号、区分访问用

户，方便统计参数。

②页面url链接跳转最好是正常格式的目标url，不要有太多的参数夹在在url中间进行跳转。

7、做好移动版与PC版网站的转换。

①确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。

②百度官方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5 或xhtml 类型的移动页面，不要重定向到PC页面。

8、其它优化事项。

其它一些优化要点与传统PC端网站优化一样。如网站结构要用合理的树形结构，最好采用树形和扁平相结合；清晰的面包屑导航，方便搜索引擎爬行抓取和用户体验；title写法要尽量包含关键字，首页、频道页、内容页写法要有所侧重。

以上

从技术角度出发来做手机网站优化，可能对很多读者来说难度比较大。建议专业的事交给专业的人来做，有一个最利于优化的手机网站最重要。

企业到底需要什么样的手机网站呢？详情回复“手机网站”了解