本文目录
- 对比下HTML5和小程序的组件标签的区别
- 微信小程序和HTML5应用的区别有哪些
- 微信小程序和HTML5的区别
- 微信小程序可以使用html5吗
- 如何把做好的html网页程序,放在微信小程序里
- HTML5和微信小程序的异同
- 开发微信小程序在html5中怎么实现的
对比下HTML5和小程序的组件标签的区别
小程序 h5《view》=《div》《/div》//基本容器标签没啥说的《navigator》《/navigator》=《a》《/a》这是两者的超链接navigator的路径属性填写的是url a的路径属性填写的是href《swiper》《/swiper》="小程序的swiper标签就是h5引用swiper组件《scroll-view》《/scroll-view》=div加css设置超出后滚动《image mode="" src="》《/image》=《img src="" /》图片的话小程序的要方便
微信小程序和HTML5应用的区别有哪些
第一、运行环境不同传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器。小程序的开发过程中会用到HTML5相关的技术(并非全部)。
第二、开发成本的不同第三、获取系统级权限的不同微信小程序相对于HTML5web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，也就是官方宣称的拥有NativeApp的流畅性能，而这一点恰巧是HTML5web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。
第四、应用在生产环境的运行流畅度长久以来，当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。
但是由于微信小程序运行环境独立，尽管同样用html+css+js去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。
微信小程序和HTML5的区别
主要差距：
1、分享形式不同：
微信小程序主要通过微信检索功能搜到，可以微信好友分享、二维码形式传播，但是只能在微信访问。 我们通常在微信聊天的信息页面下拉就能看到我的小程序和最近使用小程序。
h5有网页和网站区别，单独一张海报页或微站。主要通过微信好友/朋友圈进行分享、也可以在微博、贴吧、QQ、知乎、今日头条通过二维码、链接进行分享。不会局限于微信，移动端大部分app及浏览器都可以访问。
2、底层技术不同
小程序是XML，h5是HTML，h5限制性不大，各种外链跳转。 小程序基于微信生态，会有各种限制需要审核，外链设置不是很方便。
微信小程序可以使用html5吗
广州品向科技了解到微信小程序开发是不可以使用html5的，因为微信小程序不支持h5标签
如何把做好的html网页程序,放在微信小程序里
微信开发界面，自然是要使用到html，html界面框架适应性高，基本上能在大多数尺寸的屏幕上显示。
支持Html5的浏览器有：
Firefox（火狐浏览器）
IE9及其更高版本
Chrome（谷歌浏览器）
Safari，Opera等；
国内的遨游浏览器（Maxthon），
以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。
在移动设备开发HTML5应用只有两种方法：
要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。（这里要强调的是，用JavaScript引擎的工作量远大于html5的。）
HTML5对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
HTML5拥有更有效的服务器推送技术，支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。基于SVG、Canvas、WebGL及CSS3的3D功能。解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。
同时CSS3中提供了更多的风格和效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。
HTML5和微信小程序的异同
一、运行环境的不同。
传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，大家注意，我这里写的是“非完整的浏览器”，有以下几个原因
小程序的开发过程中会用到HTML5相关的技术(并非全部)
小程序最后的发布上线需要微信审核，微信在不更新自身软件的情况下可以将小程序更新到自身软件内，这就联想到了ReactNative框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库
官方文档中着重强调了脚本内是无法使用浏览器中常用的window对象和document对象（基于这一点，像zepto/jquery这种操作dom的库就被完全抛弃了）
所以我个人认为，小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，提升了小程序的性能。
不过由于微信给开发者提供了开发工具，而开发工具中也内置了编程、调试、开发环境、发布于一身，我们也不用再探讨它的最终运行环境了，只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动，让我联想到了苹果给开发者提供的X-CODE开发工具，可以想象微信的“野心”可见一斑
二、开发成本的不同。
这里我提出了一个问题，当我们面对一个HTML5web开发需求时，我们需要考虑什么呢？抛去开发工具（vscode、sublimtext、Atom等）不谈，大到前端框架（Angular、react、vue、backbone等）、模块管理工具（Webpack、Browserify等）、任务管理工具（Grunt、Gulp等），小到UI库选择、接口调用工具（ajax、FetchApi等）、浏览器兼容性等都要我们一一考略，再不济用jqery插件写H5，也要在开发过程中去寻找合适的jquery插件来配合项目。尽管这些工具可定制化非常高，并且提高了开发者的开发效率，但我相信项目开发的配置工作已经消耗了不少精力，尽管大部分开发者都有自己的配置模板，但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。
而当我们面对一个微信小程序的开发需求时，我们需要考虑什么呢？微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的；WXSS、JSON和JS文件中的写法稍有限制，但整体相差不多。在统一了这些标准之后，作为一个开发者，你会发现，自己只要专注写程序就可以了：
当需要调用后端接口时，调用发起请求API
当需要上传下载时，调用上传下载API
当需要数据缓存时，调用本地存储API
引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用
UI库方面，框架自然带有自家weui库加成
并且在使用这些API时，你不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BUG，可见微信小程序的开发成本确实相比以往的web开发低很多。
三、获取系统级权限的不同。
微信小程序相对于HTML5web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，也就是官方宣称的拥有NativeApp的流畅性能，而这一点恰巧是HTML5web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。
四、应用在生产环境的运行流畅度。
这条无论对于用户还是开发者来说，都是最直观的感受。长久以来，当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立，尽管同样用htmlcssjs去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。
开发微信小程序在html5中怎么实现的
小程序代码里可以嵌入h5制作页面的，也方便与公众号的页面相通。我是上次用了个叮铛应用的小程序制作平台，就是链接个页面而已，还是零代码，现在体验版测试没问题了，在审核中。
