h5页面如何跳转小程序

要将H5页面跳转到小程序，可以使用微信提供的JS-SDK中的wx.miniProgram.navigateToMiniProgram API。具体步骤如下：

1. 在H5页面中引入微信JS-SDK，并初始化：

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
  wx.config({
    appId: 'yourAppId',
    timestamp: 'yourTimestamp',
    nonceStr: 'yourNonceStr',
    signature: 'yourSignature',
    jsApiList: ['chooseImage', 'previewImage', 'uploadImage', 'downloadImage', 'getLocation', 'openLocation', 'navigateToMiniProgram']
  });
</script>

2. 在H5页面中调用wx.miniProgram.navigateToMiniProgram API：

wx.miniProgram.navigateToMiniProgram({
  appId: 'yourMiniProgramAppId',
  path: 'pages/index/index',
  extraData: {
    foo: 'bar'
  },
  success(res) {
    // 打开成功
  }
});

其中，appId为小程序的AppId，path为小程序的页面路径，extraData为要传递给小程序的参数。在成功跳转到小程序后，可以执行相应的操作，如发送数据给小程序等。