【问题标题】:How to create hyperlink to call phone number on mobile devices?如何创建超链接以在移动设备上拨打电话号码?
【发布时间】:2012-11-19 16:11:40
【问题描述】:

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

带破折号的区号

<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>

【问题讨论】:

    标签: android html mobile hyperlink


    【解决方案1】:

    破折号 (-) 除了使数字更具可读性之外没有任何意义,因此您不妨将它们包括在内。

    由于我们永远不知道我们的网站访问者来自哪里,因此我们需要让电话号码可以从世界任何地方拨打。因此,+ 符号始终是必需的。 + 符号由您的移动运营商自动转换为您的 international dialing prefix,也称为“退出代码”。此代码因地区、国家/地区而异,有时一个国家可以使用多个代码,具体取决于运营商。幸运的是,当是本地电话时,使用国际格式拨打仍然可以。

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

    00-1-555-555-1212
    

    从俄罗斯,他们会拨打

    810-1-555-555-1212
    

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

    在国际拨号前缀之后是country code(pdf),然后是地理代码(区号),最后是本地电话号码。

    因此,您的最后两个示例中的任何一个都可以使用,但我建议使用这种格式以提高可读性:

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

    注意:对于包含与国家/地区代码不同的trunk prefix 的数字(例如,如果您在本地用括号括住0),您需要省略它,因为该数字必须采用国际格式。

    【讨论】:

    • @Vreality2007 实际上手机可能会自动添加破折号。由于它在页面的源代码中,因此用户基本上永远不会看到它。如果它是桌面用户,他们可以将鼠标悬停在链接上并查看将拨打的内容,但这就是链接文本也是电话号码的原因,为了便于阅读,我将包括破折号。但是,由于它没有任何成本,我也会将它们包含在锚链接中。为什么不呢,对吧?
    • @Mike 作为+ 的替代品,也可以使用00。
    • @MatasVaitkevicius 实际上,没有。并非所有地方都使用 00 作为international dialing prefix,所以如果使用不同的,调用可能会失败。
    【解决方案2】:

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

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

    您可以在规范中了解更多信息,请参阅Make Telephone Numbers "Click-to-Call"。

    【讨论】:

      【解决方案3】:

      我也在网上找到了这种格式,并使用它。似乎可以使用或不使用破折号。我已经验证它可以在我的 Mac(尝试拨打 FaceTime 中的号码)和我的 iPhone 上运行:

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

      【讨论】:

        【解决方案4】:

        我用过:

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

        结果是:

        电话:+123 123456789

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

        【讨论】:

          【解决方案5】:

          这样的事情就可以了

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

          【讨论】:

            【解决方案6】:

            您也可以使用 callto:########### 将电子邮件代码 mail 替换为 call,至少根据 W3Cschool 网站,但我还没有机会对其进行测试。

            【讨论】:

            • 根据RFC3966,你应该使用tel:#####。
            • callto: 实际上是 Skype 的东西。不在任何 RFC 中。
            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2012-08-12
            • 2013-03-27
            相关资源
            最近更新 更多