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

时间:2019-02-23 15:22:32

标签: html css

我有这个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链接,它是通​​用网址吗?

根据发布广告的人的不同,每个号码都不同,并且只有登录的用户才能看到该号码。因此,“ 7576XXXXXX”仅是注销视图中数字之一的示例。那么我该如何用html配置呢?因为如果我使用:

</label>7576XXXXXX

...,这会链接到拨号屏幕,电话将按字面意思尝试拨打“ 7576XXXXXX”,并且每个广告都会拨打该电话。当每个广告具有不同的联系电话时,每个广告还将显示7576XXXXXX作为其联系电话。

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

使用HTML 5,您可以将A标签包裹在div上,这样:

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

是您的意思,也许不是。

答案 2 :(得分:0)

最终版本:

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