前端跟HTML有什么关系？

肯定有关系的！而且前端是比较容易学会的！如今，整个互联网行业都缺少Web前端工程师，无论是刚起步的创业公司，还是上市公司，都存在这一问题，特别优秀的Web前端工程师简直比大熊猫还稀少。不仅在国内，放眼全球，Web前端工程师一样是需求旺盛，成了供不应求的香饽饽。Web前端开发相关职位需求，基本上每天都是保持在几千的需求量，并且起始薪资还是较高的，一般都是在8k-12k左右，随着工作时间和经验的增长，薪资的涨幅也是比较可观的。就业方向广在目前互联网时代，只要公司有需要开发互联网产品，包括网站、网页、H5、小程序、APP等等，就需要前端开发工程师岗位，具体的就业方向还可以按公司的技术需求来区分，侧重点各有不同，就业行业随着互联网的发展，已经变得越来越广泛了。未来发展前途好随着5G时代的到来，之后在移动互联网领域将会出现新的开发场景，包括自动驾驶、车联网、物联网、人工智能、智能家居还有可穿戴设备等领域将带来大量的前端开发需求。有需求就会有市场，所以2021年Web前端还是会一如既往地“红”下去。

你的浮动是float还是绝对定位position，如果是float在中间后面加上<div style="clear:both">应该是可以的，若是position就必须在第三层加上margin-top，把位置手动让出来。

html5和前端的区别，主要是以下几个概念：

1.什么是前端开发：

以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。访客使用起来更简便。另外，现在前端工作还不仅仅只是网页的制作，还有微网站、APP的制作，游戏制作，例如可以将开发的Web页面直接打包成手机使用的APP应用，游戏的互动界面更是以前端开发技术为主。

2.前端开发主要学习什么：

学习HTML、CSS和DIV+CSS技术用来制作Web页面学习Java、DOM、BOM等用建立开发基础学习 photoshop和Axure等软件应用，完成页面UI设计也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合学习 HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术HTML5地理位置应用、离线应用、webworker多线程实现、websocket、跨平台开发技术和webAPP开发等，这些企业级应用技术也是现在开发的主流现在前端开发最热门、要人最多，就是使用canvas开发网页游戏动画，以及会用Cocos2d-js制作游戏等开发。

总结：前端与HTML5的区别：

现在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是前端开发的总称。HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。

---