Ⅰ 你知道Web前端和HTML5技术的区别是什么吗

今天小编要跟大家分享的文章是关于你知道web前端和HTML5技术的区别是什么吗?现在好多人都把HTML5和web前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是web前端开发的总称。今天小编就为各位普及一下，到底web前端和HTML5有哪些区别？

一、什么是web前端开发


以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。


而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。


它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。


访客使用起来更简便。另外，现在前端工作还不仅仅只是网页的制作，还有微网站、APP的制作，游戏制作，例如可以将你开发的Web页面直接打包成手机使用的APP应用，游戏的互动界面更是以前端开发技术为主。


前端开发学习什么?


学习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就是HTML最新标准，是现在Web程序开发的核心、标准通用标记语言下的一个应用HTML的第五次重大修改，这是一项推荐标准。


虽然
CSS3和HTML5是两个语言，但通常说HTML5也都泛指包括CSS3，因为它们两个常在一起配合使用的。当然还不指这些，从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。


虽然开发这类的应用其实是以JS为主，但因为HTML5
这个概念很流行，所以微网站开发、WebAPP或是微网站等应用，很多人都会说使用HTML5开发。


三、前端与HTML5的区别?


现在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是前端开发的总称。


HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。


现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。


通过以上的讲解，相信大家都已经对前端有了一个深刻的认识了吧!如果你是了解过Web前端的人，那么你就有一颗想转行的心，因为相比于其他行业，web前端相对容易只要你有过硬的技术，有足够的项目实战经验，很容易就拿到高薪，再加上如今IT行业发展形势大好，软件开发人员匮乏，未来几年前端开发都将是高薪行业!


以上就是小编今天为大家分享的关于你知道web前端和HTML5技术的区别是什么吗的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师！

Ⅱ Web前端开发知识点之HTML5概述

今天小编要跟大家分享的文章是关于Web前端开发知识点之HTML5概述。正在学习和从事Web前端学习和工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。


HTML5发源于WorldWideWeb
Consortium(简称W3C)，是Web标准的一种。它诞生于2004年8月W3C关于Web应用程序以及复合文档(Compound
Documents)的研讨会上，并于2010年正式推出。自推出以来，它便以惊人的速度被迅速推广，就连微软也因此为下一代IE9做了标准上的改进。HTML5是Web开发世界的一次重大改变，代表着未来趋势。其目标是能够创建更简单的Web程序。书写出更简洁的HTML代码。


HTML5的诞生具有划时代、革命性的意义，它正在被大面积地推广及使用。通过对Internet
Explore，Google，Firefox，Safari，Opera等主流Web浏览器发展策略的调查发现，它们均在对HTML5的支持上采取了相应的措施。

HTM15具有以下6点优势：


1、跨平台运行、易用性


HTML5最主要的优势在于其适合众多平台，从PC浏览器到手机、平板电脑，甚至未来的智能电视，只要设备浏览器支持HTML5，HTML5应用或游戏在该平台中就可直接运行，这使得应用HTML5创建网站更加简单。新的HTML主体结构元素和非主体结构元素如“article”、“section”、“nav”、“aside”、“time”、“pubdate”、“header”、“footer”、“address”等，使得文档的结构更清晰明确，读者更易访问内容。例如，之前使用“div”，即使定义了“class”或者“id”也难以让读者清楚知道其真正的含义。使用新的语义学的定义标签，可更好地了解HTML文档，并创造出更人性化的用户体验。


2、支持多媒体播放


以前涉及多媒体播放，普遍的做法就是使用Flash或其他第三方自主开发的播放器应用，较为复杂且难以使用。而HTMI5支持直接在浏览器中播放音频和视频文件，不需要使用Adobe
Flash这样的插件。HTML5通过标签