如何为手机拨号屏幕创建 href？

Question

我有这个 html：

<div class="awpcp-subtitle">Contact Information</div>
<a href="https://adsler.co.uk/wp-user-test-dashboard- 
2/awpcp-reply-to-ad/13/madame-bovary/">Contact 
Anonymous</a>
<div class="phone"><label>Phone:</label> 
7576XXXXXX</div>
<div class="location"><label>Location:</label> London, 
UK</div>

</div>

价格： 3.00 英镑

<div class="fixfloat"></div>

我想把 div class.phone 做成一个按钮，链接到手机拨号界面。

欢迎使用 Html 和 CSS 选项。问题是，我在哪里按 html 顺序插入链接，它是一个 href 链接，它是什么通用 url？

根据发布广告的人的不同，每个号码都是不同的，并且号码仅对登录用户可见。因此，“7576XXXXXX”只是注销视图中的数字之一的示例。那么如何使用 html 进行配置呢？因为如果我使用：

</label>7576XXXXXX

...这个链接到拨号屏幕，手机会尝试拨打“7576XXXXXX”，并且对于每个广告都是如此。当每个广告都有不同的联系号码时，每个广告还将显示 7576XXXXXX 作为其联系号码。

Answer 1

你可以使用<a href="tel:99999999">Phone 999999</a> 或者在你的DOM中放一个函数OnClick，你的函数必须有 window.open('tel:999999','_system')

Answer 2

最终版本：

 <a href="tel:$adcontactphone"> <div class="phone">$adcontactphone</div> </a>
<a href="sms:$adcontactphone"> <div class="phone">$adcontactphone</div> </a>

Answer 3

大多数浏览器都支持它并且对我来说很好用

<div class="phone"><label><a href="tel:999-999-9999">Phone:999-999-9999</a></label></div>

Answer 4

使用 HTML 5，您可以将 A 标签包裹在 div 周围：

<a href="http://www.yourlink.com">
<div class="phone"><label>Phone:</label> 
7576XXXXXX</div>
</a>

你的意思是，也许不是。