如题所述
在网络上，经常看见有同学在提问，H5前端与Web前端的区别。今天我们就来好好谈一下，他们之间究竟哪里不同？
1.开发页面时，主要使用的技术不同。Web前端在开发交互式页面时，主流的前端技术都会用到，像HTML、CSS、JavaScript、HTML 5、jQuery、JSon
这些最基础的技术都会涉及到。H5前端在开发页面时，大部分是通过HTML语言来设计页面。
2.涵盖范围不同。上面已经提到，Web前端开发会使用到当下主流的前端技术及框架。而H5前端是主要通过HTML标记语言来进行开发。我们也可以说H5前端是涵盖在Web前端开发里面。
实际上，在现实生活中，我们并没有把这两者分的这么清楚。因为在真正的项目开发过程中，会涵盖到前端各种主流的技术。所以，大家只需要明白H5前端是包含在Web前端中的就足够了。
1.开发页面时，主要使用的技术不同。Web前端在开发交互式页面时，主流的前端技术都会用到，像HTML、CSS、JavaScript、HTML 5、jQuery、JSon
这些最基础的技术都会涉及到。H5前端在开发页面时，大部分是通过HTML语言来设计页面。
2.涵盖范围不同。上面已经提到，Web前端开发会使用到当下主流的前端技术及框架。而H5前端是主要通过HTML标记语言来进行开发。我们也可以说H5前端是涵盖在Web前端开发里面。
实际上，在现实生活中，我们并没有把这两者分的这么清楚。因为在真正的项目开发过程中，会涵盖到前端各种主流的技术。所以，大家只需要明白H5前端是包含在Web前端中的就足够了。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2016-10-29
标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和，而W3C（World Wide Web Consortium，） 专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
web的本意是和网的意思，在中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、（HTTP）等。Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善。
本回答被网友采纳第2个回答 2022-03-11
H5开发和的区别如下：
指代不同：
h5：是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式，在浏览器中通过一些技术处理将其转换成为了可识别的信息。
web前端：是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
发展不同：
h5：结合了HTML4.01的相关标准并革新，符合现代网络发展要求，在2008年正式发布。
web前端：从网页制作演变而来，以图片和文字为主，用户使用网站的行为也以浏览为主。
技术构成不同：
h5：由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。
web前端：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
想了解更多有关IT技术的相关信息，推荐咨询达内教育。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。
指代不同：
h5：是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式，在浏览器中通过一些技术处理将其转换成为了可识别的信息。
web前端：是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
发展不同：
h5：结合了HTML4.01的相关标准并革新，符合现代网络发展要求，在2008年正式发布。
web前端：从网页制作演变而来，以图片和文字为主，用户使用网站的行为也以浏览为主。
技术构成不同：
h5：由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。
web前端：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
想了解更多有关IT技术的相关信息，推荐咨询达内教育。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。
第3个回答 2019-05-18
HTML5其实是一种技术的集合，它包括了HTML5，CSS3，JS等技术。至于web前端开发，所涵盖的范围比html5更加大。web前端开发还包括了其它技能，比如说后台html，css，div等都是属于web前端开发的，html5和其它技能都是一样的，是属于web前端开发的一种技术，就是我们平时所说的移动端的网页制作，简称H5。其实前端相对来说比较简单，像我在叩丁狼就学的前端，节奏还是跟得上的。
第4个回答 2021-01-29
HTML5是HTML的第五个版本，上一个版本是HTML4，于1997年发布。
HTML5本质上不是什么新的技术，但是由于其在功能特性上有了极大的丰富，加上各大浏览器性能上的支持，HTML5相对以前的HTML4有着更广泛的应用。
HTML5主要的新特性：
语义特性（Class：Semantic）
HTML5赋予网页更好的意义和结构。简单来说就是程序猿更方便跟浏览器沟通。
本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，因为可以将一些常用、不常更新的内容存储在本地。
设备兼容特性 (Class: DEVICE ACCESS)
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
连接特性（Class: CONNECTIVITY）
HTML5拥有更有效的服务器推送技术，Server-SentEvent和WebSockets就是其中的两个特性，这两个特性能够帮助实现服务器将数据“推送”到客户端的功能。更有效的连接工作效率，可以实现基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流。
HTML5本质上不是什么新的技术，但是由于其在功能特性上有了极大的丰富，加上各大浏览器性能上的支持，HTML5相对以前的HTML4有着更广泛的应用。
HTML5主要的新特性：
语义特性（Class：Semantic）
HTML5赋予网页更好的意义和结构。简单来说就是程序猿更方便跟浏览器沟通。
本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，因为可以将一些常用、不常更新的内容存储在本地。
设备兼容特性 (Class: DEVICE ACCESS)
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
连接特性（Class: CONNECTIVITY）
HTML5拥有更有效的服务器推送技术，Server-SentEvent和WebSockets就是其中的两个特性，这两个特性能够帮助实现服务器将数据“推送”到客户端的功能。更有效的连接工作效率，可以实现基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流。
