使用data-*属性将数据发送到modal -使用该属性设置href

data-属性是HTML5中新增的一种自定义属性，可以用于存储与元素相关的任意数据。它可以在HTML标签中添加自定义属性来保存数据，这些属性的名称以"data-"开头，后面可以跟上自定义的属性名。对于前端开发来说，data-属性是一种非常便捷的方式，可以在不使用全局变量或其他方式的情况下，将数据与HTML元素关联起来。

在这个问答内容中，如果要将数据发送到modal，并使用data-*属性来设置href，可以通过以下步骤进行实现：

在HTML标签中，添加data-*属性，并设置属性值为要发送的数据。例如，可以设置data-href属性来保存需要发送到modal的href数据。

<button data-href="http://example.com/modal-content">打开modal</button>

使用JavaScript获取data-*属性的值，并将其作为modal的href属性值。

const button = document.querySelector('button');
const modal = document.querySelector('.modal');

button.addEventListener('click', function() {
  const href = button.getAttribute('data-href');
  modal.setAttribute('href', href);
  // 打开或显示modal的逻辑
});

在上述示例中，当点击按钮时，会获取按钮的data-href属性值，并将其设置为modal的href属性值。具体打开或显示modal的逻辑可以根据实际需求进行编写。

至于推荐的腾讯云相关产品，根据这个问题的描述并没有明确的关联需求，无法给出具体的推荐产品和链接地址。但是腾讯云提供了多样化的云计算产品和服务，可以根据实际需求进行选择和使用。

总结起来，通过使用data-*属性，可以将数据发送到modal并设置href属性值，实现与HTML元素的关联。它是一种便捷的方式，用于在前端开发中存储和获取与元素相关的数据。