如何创建在移动设备上呼叫电话号码的超链接?

为移动设备上的用户创建可点击的超链接以拨打电话号码的合适的通用格式是什么?

带破折号的区号

<a href="tel:555-555-1212">555-555-1212</a>

没有破折号的区号

<a href="tel:5555551212">555-555-1212</a>

带破折号和1的区号

<a href="tel:1-555-555-1212">555-555-1212</a>

区号,不带破折号和1

<a href="tel:15555551212">555-555-1212</a>

带破折号、1和+号的区号

<a href="tel:+1-555-555-1212">555-555-1212</a>

没有破折号、1和+号的区号

<a href="tel:+15555551212">555-555-1212</a>
526726 次浏览

破折号(-)除了使数字更具可读性之外没有任何意义,所以你不妨包括它们。

由于我们永远不知道我们的网站访问者来自哪里,我们需要使电话号码可以从世界上任何地方呼叫。因此,+符号是总是必要的+符号会被你的移动运营商自动转换为你的国际拨号字冠,也就是“退出代码”。该代码因地区、国家而异,有时单个国家可以使用多个代码,这取决于运营商。幸运的是,当它是本地电话时,用国际格式拨号仍然可以工作。

使用您的示例号码,当从中国打电话时,人们需要拨打:

00-1-555-555-1212

而在俄罗斯,他们会拨打电话

810-1-555-555-1212

+符号通过允许你省略国际拨号前缀来解决这个问题。

在国际拨号字冠之后是国家代码(pdf),接着是地理代码(区号),最后是本地电话号码。

因此,你最后两个例子中的任何一个都可以,但我的建议是为了可读性使用这种格式:

<a href="tel:+1-555-555-1212">+1-555-555-1212</a>

注意:对于包含不同于国家代码的树干前缀的数字(例如,如果你在本地用括号括住0),你需要省略它,因为该数字必须是国际格式。

-无关紧要,但当移动用户在漫游时,+符号很重要
这是标准格式

<a href="tel:+4917640206387">+49 (0)176 - 402 063 87</a>

你可以在规范中阅读更多关于它的内容,参见让电话号码“点击呼叫”

我也在网上找到了这种格式,并使用了它。不管有没有破折号都有用。我已经在我的Mac和iPhone上验证了它的工作原理(尝试在FaceTime中拨打该号码):

<!-- Cross-platform compatible (Android + iPhone) -->
<a href="tel://1-555-555-5555">+1 (555) 555-5555</a>

你也可以使用callto:###########取代邮件代码mail与call,至少根据W3Cschool网站,但我还没有机会测试它。

我使用:

Tel: <a href="tel:+123 123456789">+123 123456789</a>

结果是:

电话:+ 123 123456789

其中“Tel:”代表纯文本,只有数字是编码和可点击的。

像这样的东西就可以了

<a href="tel:+242-064-295-240" class="nav-link"><i class="fa fa-phone"></i> Call us </a>