558

我需要为移动设备构建一个网页。只有一件事我还没有弄清楚：如何通过点击文本来触发电话？

我可以输入一个特殊的 URL，比如mailto:电子邮件的标签吗？

设备特定的解决方案不是首选。

我知道 iPhone 会自动识别电话号码并为此创建一个链接，但如果这也可以用于图像......以及大多数移动设备，那就太好了。

4

7 回答 7

976

大多数现代设备都支持 tel: 方案。所以使用<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>

于 2009-10-22T21:26:00.030 回答
73

正确的 URL 方案是 tel:[number] 所以你会这样做

<a href="tel:5551234567"><img src="callme.jpg" /></a>

于 2009-10-22T17:00:36.147 回答
48

为了完整起见，想在此处添加答案。

<a href="tel:1234567">Call 123-4567</a>

在大多数设备上都可以正常工作。但是，在桌面上，这将显示为一个链接，当您单击它时不会执行任何操作，因此您应该考虑使用 CSS 使其有条件地仅在移动设备上可见。

此外，您应该知道 Skype（相当流行）默认使用不同的语法（但可以参数化以使用 tel:）。

<a href="callto:1234567">Call 123-4567</a>

但是，我认为在最新的移动浏览器（我肯定在 Android 上）中，现在tel语法应该提供一个可用应用程序的弹出窗口，可用于完成调用操作。

于 2014-05-06T05:38:32.893 回答
25

可点击的智能手机链接代码：

以下链接可用于制作可点击的电话链接。您可以复制下面的代码并将其粘贴到您的网页中，然后使用您的电话号码进行编辑。此代码可能不适用于所有手机，但适用于 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>

下面是一个可点击的电话超链接，您可以查看。在大多数非手机浏览器中，此链接会给您“无法显示网页”错误，否则不会发生任何事情。

注意： iPhone Safari 浏览器将自动检测页面上的电话号码，并将文本转换为呼叫链接，而无需使用此页面上的任何代码。

WTAI 智能手机链接代码：WTAI 或“无线电话应用程序接口”链接代码如下所示。此代码被认为是正确的手机协议，可以在 Droid 等智能手机上运行，​​但它可能不适用于 iPhone 上的 Apple Safari，建议使用上述代码。

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>
于 2014-11-12T07:22:15.190 回答
5

本质上，使用带有指向电话号码前缀<a>的 attr 的元素。请注意，加号可用于指定国家代码，而连字符可用于简单地用于人眼。hreftel:

MDN 网络文档

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

HTML<a>元素（或锚元素）及其 href 属性创建指向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

[…]

提供电话链接有助于用户查看网络文档和连接到电话的笔记本电脑。

<a href="tel:+491570156">+49 157 0156</a>

IETF 文件

https://www.rfc-editor.org/rfc/rfc3966

tel电话号码的URI

“tel” URI 具有以下语法：

telephone-uri ="tel:"电话用户

[…]

例子

tel:+1-201-555-0123：此 URI 指向美国的电话号码。包含连字符是为了使数字更易于阅读；它们将国家、地区代码和用户号码分开。

tel:7042;phone-context=example.com：URI 描述了在上下文“example.com”中有效的本地电话号码。

tel:863-1234;phone-context=+1-914-555：URI 描述了在特定电话前缀内有效的本地电话号码。

于 2019-06-22T00:43:38.433 回答
2

只需使用 HTML 锚标记<a>并href以tel:. 我建议以国家代码开头的电话号码。请注意以下示例：

<a href="tel:+989123456789">NO Different What it is</a>

对于此示例，国家/地区代码是+98。

提示：它非常适合手机，我知道tel:前缀呼叫FaceTime但在 Windows 上我不确定，但我猜它导致启动 Skype。

有关更多信息：您可以访问浏览器支持的 URL 方案列表以了解所有href值前缀。

于 2020-02-20T01:52:29.313 回答
0

此时（2021 年）要在 PC 或平板电脑和 Android 中工作（未在 IOS 中测试但应该可以工作）您需要将data-rel="external"添加到“a”标签，例如：

<a href="tel:+576015000000" data-rel="external">Call Me...</a>
于 2021-11-17T22:16:29.403 回答