我需要为移动设备建立一个网页。只有一件事我还没想明白:我怎么才能通过点击文本来触发一个电话?
是否有一个特殊的URL,我可以输入像mailto:标签的电子邮件?
设备特定的解决方案不是首选。
我知道iPhone会自动识别电话号码,并为此创建一个链接,但如果这也能用于图像,那就太好了……大多数移动设备也是如此。
我需要为移动设备建立一个网页。只有一件事我还没想明白:我怎么才能通过点击文本来触发一个电话?
是否有一个特殊的URL,我可以输入像mailto:标签的电子邮件?
设备特定的解决方案不是首选。
我知道iPhone会自动识别电话号码,并为此创建一个链接,但如果这也能用于图像,那就太好了……大多数移动设备也是如此。
当前回答
只需使用HTML锚标记<a>和开始属性href tel:。我建议在电话号码前写上国家代码。请注意以下示例:
<a href="tel:+989123456789">NO Different What it is</a>
在本例中,国家代码是+98。
提示:它非常适合手机,我知道tel:前缀在macOS上呼叫FaceTime,但在Windows上我不确定,但我猜它导致了Skype的启动。
有关更多信息:您可以访问浏览器支持的URL方案列表,以了解所有href值前缀。
其他回答
正确的URL方案是[number],所以你会这样做
<a href="tel:5551234567"><img src="callme.jpg" alt="Call 5551234567" /></a>
大多数现代设备都支持tel:方案。所以使用<a href="tel:555- 5555 -5555">555- 5555 -5555</a>,你应该可以开始了。
如果你想使用它的图像,<a>标签可以处理<img/>放置在它就像其他正常情况下:<a href="tel:555- 5555 -5555"><img src="path/to/phone/图标.jpg" alt="Call 555-5555 -5555" /></a>
只需使用HTML锚标记<a>和开始属性href tel:。我建议在电话号码前写上国家代码。请注意以下示例:
<a href="tel:+989123456789">NO Different What it is</a>
在本例中,国家代码是+98。
提示:它非常适合手机,我知道tel:前缀在macOS上呼叫FaceTime,但在Windows上我不确定,但我猜它导致了Skype的启动。
有关更多信息:您可以访问浏览器支持的URL方案列表,以了解所有href值前缀。
为了完整起见,我想在这里补充一个答案。
<a href="tel:1234567">Call 123-4567</a>
在大多数设备上都可以正常工作。然而,在桌面上,这将显示为一个链接,当你点击它时,它什么也不做,所以你应该考虑使用CSS使它只在移动设备上有条件地可见。
此外,您应该知道Skype(相当流行)默认使用不同的语法(但可以参数化使用tel:)。
<a href="callto:1234567">Call 123-4567</a>
然而,我认为在最新的移动浏览器(我确定在Android上)现在tel语法应该提供一个可用的应用程序的弹出窗口,可以用来完成调用操作。
在这个时候(2021年),要在PC或平板电脑和Android上工作(在IOS上没有测试,但应该可以工作),你需要在“a”标签中添加data-rel="external",示例:
<a href="tel:+576015000000" data-rel="external">Call Me...</a>