我需要为移动设备构建一个网页 . 只有一件事我还没弄明白:如何通过点击文字触发电话?
是否有我可以输入的特殊网址,如电子邮件的 mailto: 标签?
mailto:
设备特定解决方案不是优选的 .
我知道iPhone可以自动识别电话号码并为此创建一个链接,但如果可以对图像进行此操作也会很棒......对大多数移动设备也是如此 .
大多数现代设备都支持tel:scheme . 所以使用 <a href="tel:555-555-5555">555-555-5555</a> 你应该好好去 .
<a href="tel:555-555-5555">555-555-5555</a>
如果要将其用于图像, <a> 标记可以处理放置在其中的 <img/> ,就像其他正常情况一样: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
<a>
<img/>
<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
Clickable smartphone link code:
以下链接可用于制作可点击的电话链接 . 您可以复制下面的代码并将其粘贴到您的网页中,然后使用您的电话号码进行编辑 . 此代码可能不适用于所有手机,但适用于iPhone,Droid / Android和Blackberry .
<a href="tel:1-847-555-5555">1-847-555-5555</a>
电话号码链接可以与破折号一起使用,如上所示,或者没有它们以及以下示例:
<a href="tel:18475555555">1-847-555-5555</a>
只要电话号码设置为“tel:18475555555”,也可以使用链接中的任何文本,如下例所示:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>
以下是您可以查看的可点击电话超链接 . 在大多数非手机浏览器中,此链接会显示“网页无法显示”错误,或者什么都不会发生 .
NOTE: iPhone Safari浏览器将自动检测页面上的电话号码,并将文本转换为呼叫链接,而无需使用此页面上的任何代码 .
Wtai智能手机链接代码:Wtai或“无线电话应用程序接口”链接代码如下所示 . 此代码被认为是正确的手机协议,可以在Droid等智能手机上使用,但是,它可能不适用于iPhone上的Apple Safari,建议使用上述代码 .
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>
为了完整起见,想在这里添加答案 .
<a href="tel:1234567">Call 123-4567</a>
在大多数设备上工作得很好 . 但是,在桌面上,这将显示为一个链接,当您单击它时不会执行任何操作,因此您应该考虑使用CSS使其仅在移动设备上有条件地可见 .
此外,您应该知道Skype(相当流行)默认使用不同的语法(但可以参数化使用tel :) .
<a href="callto:1234567">Call 123-4567</a>
但是,我认为在最新的移动浏览器中(我在Android上肯定知道)现在 tel 语法应该提供可用于完成调用操作的可用应用程序的弹出窗口 .
tel
正确的URL方案是tel:[number]所以你会这样做
<a href="tel:5551234567"><img src="callme.jpg" /></a>
4 回答
大多数现代设备都支持tel:scheme . 所以使用
<a href="tel:555-555-5555">555-555-5555</a>
你应该好好去 .如果要将其用于图像,
<a>
标记可以处理放置在其中的<img/>
,就像其他正常情况一样:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
Clickable smartphone link code:
以下链接可用于制作可点击的电话链接 . 您可以复制下面的代码并将其粘贴到您的网页中,然后使用您的电话号码进行编辑 . 此代码可能不适用于所有手机,但适用于iPhone,Droid / Android和Blackberry .
电话号码链接可以与破折号一起使用,如上所示,或者没有它们以及以下示例:
只要电话号码设置为“tel:18475555555”,也可以使用链接中的任何文本,如下例所示:
以下是您可以查看的可点击电话超链接 . 在大多数非手机浏览器中,此链接会显示“网页无法显示”错误,或者什么都不会发生 .
NOTE: iPhone Safari浏览器将自动检测页面上的电话号码,并将文本转换为呼叫链接,而无需使用此页面上的任何代码 .
Wtai智能手机链接代码:Wtai或“无线电话应用程序接口”链接代码如下所示 . 此代码被认为是正确的手机协议,可以在Droid等智能手机上使用,但是,它可能不适用于iPhone上的Apple Safari,建议使用上述代码 .
为了完整起见,想在这里添加答案 .
在大多数设备上工作得很好 . 但是,在桌面上,这将显示为一个链接,当您单击它时不会执行任何操作,因此您应该考虑使用CSS使其仅在移动设备上有条件地可见 .
此外,您应该知道Skype(相当流行)默认使用不同的语法(但可以参数化使用tel :) .
但是,我认为在最新的移动浏览器中(我在Android上肯定知道)现在
tel
语法应该提供可用于完成调用操作的可用应用程序的弹出窗口 .正确的URL方案是tel:[number]所以你会这样做