web前端与H5前端有什么区别？ web前端与H5有区别吗？
H5\u5f00\u53d1\u548cweb\u524d\u7aef\u5f00\u53d1\u6709\u5565\u533a\u522b\u554a\uff1f\u5728\u7f51\u7edc\u4e0a\uff0c\u7ecf\u5e38\u770b\u89c1\u6709\u540c\u5b66\u5728\u63d0\u95ee\uff0cH5\u524d\u7aef\u4e0eWeb\u524d\u7aef\u7684\u533a\u522b\u3002\u4eca\u5929\u6211\u4eec\u5c31\u6765\u597d\u597d\u8c08\u4e00\u4e0b\uff0c\u4ed6\u4eec\u4e4b\u95f4\u7a76\u7adf\u54ea\u91cc\u4e0d\u540c\uff1f
1.\u5f00\u53d1\u9875\u9762\u65f6\uff0c\u4e3b\u8981\u4f7f\u7528\u7684\u6280\u672f\u4e0d\u540c\u3002Web\u524d\u7aef\u5728\u5f00\u53d1\u4ea4\u4e92\u5f0f\u9875\u9762\u65f6\uff0c\u4e3b\u6d41\u7684\u524d\u7aef\u6280\u672f\u90fd\u4f1a\u7528\u5230\uff0c\u50cfHTML\u3001CSS\u3001JavaScript\u3001HTML 5\u3001jQuery\u3001JSon
\u8fd9\u4e9b\u6700\u57fa\u7840\u7684\u6280\u672f\u90fd\u4f1a\u6d89\u53ca\u5230\u3002H5\u524d\u7aef\u5728\u5f00\u53d1\u9875\u9762\u65f6\uff0c\u5927\u90e8\u5206\u662f\u901a\u8fc7HTML\u8bed\u8a00\u6765\u8bbe\u8ba1\u9875\u9762\u3002
2.\u6db5\u76d6\u8303\u56f4\u4e0d\u540c\u3002\u4e0a\u9762\u5df2\u7ecf\u63d0\u5230\uff0cWeb\u524d\u7aef\u5f00\u53d1\u4f1a\u4f7f\u7528\u5230\u5f53\u4e0b\u4e3b\u6d41\u7684\u524d\u7aef\u6280\u672f\u53ca\u6846\u67b6\u3002\u800cH5\u524d\u7aef\u662f\u4e3b\u8981\u901a\u8fc7HTML\u6807\u8bb0\u8bed\u8a00\u6765\u8fdb\u884c\u5f00\u53d1\u3002\u6211\u4eec\u4e5f\u53ef\u4ee5\u8bf4H5\u524d\u7aef\u662f\u6db5\u76d6\u5728Web\u524d\u7aef\u5f00\u53d1\u91cc\u9762\u3002
\u5b9e\u9645\u4e0a\uff0c\u5728\u73b0\u5b9e\u751f\u6d3b\u4e2d\uff0c\u6211\u4eec\u5e76\u6ca1\u6709\u628a\u8fd9\u4e24\u8005\u5206\u7684\u8fd9\u4e48\u6e05\u695a\u3002\u56e0\u4e3a\u5728\u771f\u6b63\u7684\u9879\u76ee\u5f00\u53d1\u8fc7\u7a0b\u4e2d\uff0c\u4f1a\u6db5\u76d6\u5230\u524d\u7aef\u5404\u79cd\u4e3b\u6d41\u7684\u6280\u672f\u3002\u6240\u4ee5\uff0c\u5927\u5bb6\u53ea\u9700\u8981\u660e\u767dH5\u524d\u7aef\u662f\u5305\u542b\u5728Web\u524d\u7aef\u4e2d\u7684\u5c31\u8db3\u591f\u4e86\u3002
web\u524d\u7aef\u662f\u4e00\u4e2a\u7edf\u79f0\uff0c\u662f\u4e00\u4e2a\u5305\u542b\u5404\u79cd\u6280\u672f\u7684\u5408\u96c6\uff0ch5\u53ea\u662f\u5176\u4e2d\u4e00\u79cd\uff0c\u8fd8\u6709css\uff0chtml\u5565\u7684\u90fd\u5c5e\u4e8e\u524d\u7aef\u3002
\u5c31\u597d\u50cf\uff0cweb\u524d\u7aef\u662f\u4e2a\u6c34\u679c\u7bee\uff0c\u91cc\u9762\u7684h5\u53ef\u80fd\u662f\u4e2a\u82f9\u679c\uff0c\u8fd8\u88c5\u7740\u5176\u4ed6\u7684\u9999\u8549\u5566\uff0c\u706b\u9f99\u679c\u5566\uff0c\u8461\u8404\u5566\u7b49\u7b49\u3002
1.web前端：web前端也叫网页制作，是通过前端相关技术来创建web网页的过程。
2.H5前端：H5前端是指通过html标记语言来制作网页的过程。
总结可得，web前端包含H5前端。你明白了吗？
一、指代不同
1、h5：是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。
2、web前端：是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
二、发展不同
1、h5：结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。
2、web前端：从网页制作演变而来，在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
三、技术构成不同
1、h5：由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。
2、web前端：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍
正确的说前端的内容应该包括H5，但不限于h5。前端内容主要包括html,css,js。就当下而言，h5属于html的范畴，然后css。前端的核心还是js，现在的前端是一个构建的时代用gulp,grunt,webpack。以及用vue,angular,react等框架。最近叩丁狼的H5课程全面升级，同学们可以更好的学习了。
HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。
web前端是一个做有关网页的一个概述，是一个网页view层的总得称呼。前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。访客使用起来更简便。
H5是2014年更新的一个web设计的标志和一些新的语法，HTML5是HTML标准，它本身是一项标准化协议。H5开发通常意义上指使用HTML5等较为潮流的技术进行前端开发。现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。
HTML5其实是一种技术的集合，它包括了HTML5，CSS3，JS等技术。而web前端则是一种职业，国内从2005年之后开始发展的，是由网页设计师演变过来的。如果从技术上说，web前端涉及到的技术有很多，包括所说的HTML5，除此之外还有JSON，AJAX，DOM，等。不过这个也看具体的公司吧，不同的公司对WEB前端开发人员的技术要求也不一样。WEB前端开发工程师和HTML5开发工程师有着细微的差别，你如果想学习前端的话，可以打听一下源码时代。
绛旓細涓銆佹寚浠ｄ笉鍚 1銆乭5锛氭槸Web涓牳蹇冭瑷HTML鐨勮鑼冿紝鐢ㄦ埛浣跨敤浠讳綍鎵嬫杩涜缃戦〉娴忚鏃剁湅鍒扮殑鍐呭鍘熸湰閮芥槸HTML鏍煎紡鐨勶紝鍦ㄦ祻瑙堝櫒涓氳繃涓浜涙妧鏈鐞嗗皢鍏惰浆鎹㈡垚涓轰簡鍙瘑鍒殑淇℃伅銆2銆亀eb鍓嶇锛氭槸鍒涘缓Web椤甸潰鎴朼pp绛夊墠绔晫闈㈠憟鐜扮粰鐢ㄦ埛鐨勮繃绋嬶紝閫氳繃HTML锛孋SS鍙奐avaScript浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈佹鏋躲佽В鍐虫柟妗堬紝鏉...
绛旓細H5鍓嶇寮鍙戞槸WEB鍓嶇寮鍙戠殑涓涓妧鏈柟鍚戯紝H5鏄疕TML5鎶鏈爣鍑嗭紝H5鍓嶇灏辨槸鐢℉TML5鎶鏈繘琛屽紑鍙锛孒TML5鍏跺疄鍙槸鍓嶇寮鍙戜腑閲嶈鐨勪竴閮ㄥ垎鎶鏈紝鏄幇鍦ㄥ墠绔紑鍙戠殑鏍囧噯缁勪欢锛岀壒鍒槸鍦ㄧЩ鍔ㄧ鐨勭壒鏁堝紑鍙戙佹父鎴忓紑鍙戯紝浠ュ強APP鐨勫紑鍙戞柟鍚戜笂闈炲父娴佽銆web鍓嶇鏄竴涓仛鏈夊叧缃戦〉鐨勪竴涓杩锛屾槸涓涓綉椤祐iew灞傜殑鎬诲緱绉板懠銆
绛旓細1銆亀eb鍓嶇鏄竴涓仛鏈夊叧缃戦〉鐨勪竴涓杩帮紝鏄竴涓綉椤祐iew灞傜殑鎬诲緱绉板懠銆2銆丠5鏄2014骞存洿鏂扮殑涓涓獁eb璁捐鐨勬爣蹇楀拰涓浜涙柊鐨勮娉曪紝浠ュ墠鍓嶇鏄笉瀛樺湪鐨勶紝鍥犱负鍚庡彴涔熷仛鍓嶇鐨勪簨锛屾墍浠ョ幇鍦ㄥ墠绔嫭绔嬪嚭鏉ワ紝鑰屽緢澶氫汉鍙煡閬撴椂涓嬫柊鐨凥5锛屾槸鍥犱负涓嶄簡瑙ｈ繖涓墠绔伐浣滐紝鏄疕5鏉ヤ唬鏇縲eb鍓嶇鐨勪竴鑸兘鏄笉浜嗚В鍓嶇宸ヤ綔鐨勩
绛旓細1.web鍓嶇锛歸eb鍓嶇涔熷彨缃戦〉鍒朵綔锛屾槸閫氳繃鍓嶇鐩稿叧鎶鏈潵鍒涘缓web缃戦〉鐨勮繃绋嬨2.H5鍓嶇锛欻5鍓嶇鏄寚閫氳繃html鏍囪璇█鏉ュ埗浣滅綉椤电殑杩囩▼銆傛荤粨鍙緱锛寃eb鍓嶇鍖呭惈H5鍓嶇銆備綘鏄庣櫧浜嗗悧锛
绛旓細Web鍓嶇锛岄氬父鏄寚鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰鐨勬妧鏈紝鍖呮嫭HTML銆丆SS鍜孞avaScript绛夈傝孒5鍓嶇锛屽垯鐗规寚浣跨敤HTML5鏍囧噯杩涜鍓嶇寮鍙戠殑鎶鏈銆傚湪瀹為檯搴旂敤涓紝Web鍓嶇鍜孒5鍓嶇閮芥秹鍙婂埌浜嗙綉椤电殑灞曠ず鍜屼氦浜掋備絾瀹冧滑鐨鎶鏈噸鐐瑰拰鎵娑电洊鐨勮寖鍥村嵈鏈夋墍涓嶅悓銆俉eb鍓嶇鐨勬牳蹇冩槸HTML銆丆SS鍜孞avaScript銆侶TML鐢ㄤ簬鏋勫缓缃戦〉鐨勭粨鏋勶紝CSS鐢ㄤ簬...
绛旓細H5鍜Web鍓嶇铏界劧閮芥槸涓庣綉椤垫妧鏈浉鍏崇殑棰嗗煙锛屼絾瀹冧滑鍦ㄦ蹇点佸簲鐢ㄥ拰鎶鑳借姹傜瓑鏂归潰瀛樺湪涓浜涙槑鏄鐨勫尯鍒銆侶5鏄竴绉嶆爣璁拌瑷锛岀敤浜庡垱寤虹綉椤靛拰搴旂敤锛屾槸HTML鐨勭5涓増鏈傜浉姣斾箣鍓嶇殑HTML鐗堟湰锛孒5寮曞叆浜嗕竴浜涙柊鐨勭壒鎬у拰API锛屼娇寰楃綉椤垫洿鍔犲叿鏈変氦浜掓у拰澶氬獟浣撴敮鎸併傝學eb鍓嶇鍒欐槸鎸囩綉椤电殑鍓嶇寮鍙戯紝鍖呮嫭HTML銆丆SS鍜...
绛旓細鏈鍖哄埆锛屼絾鏄尯鍒笉澶с侶TML5鏄疕TML鏍囧噯锛屽畠鏈韩鏄竴椤规爣鍑嗗寲鍗忚锛岀劧鑰岃鐐掔儹鍚庣櫥涓婁簡浜掕仈缃戣涓氱殑鎷涜仒鏉＄洰锛孒TML5寮鍙戣繖涓悕璇嶆湰韬氨鏄笉涓撲笟鐨勭О鍛硷紝閫氬父鎰忎箟涓婃寚浣跨敤HTML5绛夎緝涓烘疆娴佺殑鎶鏈繘琛屽墠绔紑鍙戙備笌Web鍓嶇寮鍙涓嶅悓鐨鏄紝浣跨敤HTML5涓嶄粎浠呭彲浠ュ紑鍙戝墠绔紝杩樻湁缃戦〉娓告垙锛屾墜鏈篈PP锛屼娇鐢ㄦ祻瑙堝櫒杩涜3D...
绛旓細Web鍓嶇鏄寚缃戦〉鐨勫墠绔寮鍙戯紝鍖呮嫭HTML銆丆SS鍜孞avaScript绛夋妧鏈俉eb鍓嶇寮鍙戜富瑕佹槸璐熻矗璁捐鍜屽埗浣滅綉椤电殑鐢ㄦ埛鐣岄潰锛屼互鍙婂疄鐜扮綉椤电殑涓浜涗氦浜掓晥鏋溿俉eb鍓嶇寮鍙戦渶瑕佺啛缁冩帉鎻TML銆丆SS鍜孞avaScript绛夊墠绔妧鏈紝鍚屾椂杩橀渶瑕佷簡瑙涓嶅悓娴忚鍣ㄧ殑鍏煎鎬у拰涓浜涘墠绔鏋剁殑浣跨敤銆H5鍒欐槸涓绉嶆爣璁拌瑷锛屾槸HTML鐨勭5涓増鏈紝涓昏...
绛旓細1.寮鍙戦〉闈㈡椂锛屼富瑕佷娇鐢ㄧ殑鎶鏈涓嶅悓銆Web鍓嶇鍦ㄥ紑鍙戜氦浜掑紡椤甸潰鏃讹紝涓绘祦鐨勫墠绔妧鏈兘浼氱敤鍒帮紝鍍廐TML銆丆SS銆丣avaScript銆丠TML 5銆乯Query銆丣Son 杩欎簺鏈鍩虹鐨勬妧鏈兘浼氭秹鍙婂埌銆H5鍓嶇鍦ㄥ紑鍙戦〉闈㈡椂锛屽ぇ閮ㄥ垎鏄氳繃HTML璇█鏉ヨ璁￠〉闈2.娑电洊鑼冨洿涓嶅悓銆備笂闈㈠凡缁忔彁鍒帮紝Web鍓嶇寮鍙戜細浣跨敤鍒板綋涓嬩富娴佺殑鍓嶇鎶鏈強妗嗘灦...
绛旓細1銆丠TML5鍏跺疄鏄竴绉嶆妧鏈殑闆嗗悎锛屽畠鍖呮嫭浜咹TML5锛孋SS3锛孞S绛夋妧鏈傝嚦浜web鍓嶇寮鍙戯紝鎵娑电洊鐨勮寖鍥存瘮html5鏇村姞澶с倃eb鍓嶇寮鍙戣繕鍖呮嫭浜嗗叾瀹冩妧鑳斤紝姣斿璇村悗鍙癶tml锛宑ss锛宒iv绛夐兘鏄睘浜巜eb鍓嶇寮鍙戠殑锛宧tml5鍜屽叾瀹冩妧鑳介兘鏄竴鏍风殑锛屾槸灞炰簬web鍓嶇寮鍙戠殑涓绉嶆妧鏈紝灏辨槸骞虫椂鎵璇寸殑绉诲姩绔殑缃戦〉鍒朵綔锛岀畝绉H5銆
