如何标记电话号码？

我想在HTML文档中将电话号码标记为可调用链接。我已经读过微格式方法，并且我知道该tel:方案是标准的，但实际上没有任何地方可以实现。

Skype的定义，因为据我所知，skype:和callto:，后者已经获得了一定的知名度。我认为，其他公司也有其他计划或选择加入callto:。

标记电话号码的最佳实践是什么，以便使尽可能多的使用VoIP软件的人只需单击链接即可拨打电话？

奖励问题：有人知道紧急电话的并发症吗，例如美国的911或德国的110？

干杯，

更新： Microsoft NetMeeting采用callto:WinXP下的方案。这个问题表明，Microsoft Office Communicator将处理tel:方案，但不会处理方案callto:。太好了，雷德蒙德！

更新2：两年半后的现在。它似乎归结为您想要对数字进行的处理。在移动环境中，tel:是必经之路。如果您认为用户是更多的Skype用户（callto:），或者更有可能安装了Google语音（tel:）之类，则由您来定位桌面。我个人的意见是，在有疑问的情况下使用tel:（与@Sidnicious'答案一致）。

更新3：用户@ rybo111指出，与此同时，Chrome中的Skype已成为tel:潮流。我无法验证这一点，因为没有机器可以同时使用，但如果是真的，这意味着我们终于在这里赢得了胜利：tel:

该tel:方案在1990年代后期使用，并在2000年初以RFC 2806（在2004年更为严格的RFC 3966淘汰了）记录在案，并不断加以改进。tel:在iPhone上提供支持并不是一个任意决定。

callto:虽然受Skype支持，但不是标准，除非特别针对Skype用户，否则应避免使用。

我？我将开始tel:在您的页面上包括格式正确的URI（不嗅探用户代理），然后等待世界其他地区的电话赶上来：）。

范例：

<a href="tel:+18475555555">1-847-555-5555</a>

我的测试结果：

拨电至：

• 诺基亚浏览器：没有任何反应
• Google Chrome：要求运行Skype拨打电话
• Firefox：要求选择一个程序来拨打电话
• IE：要求运行Skype拨打电话

电话：

• 诺基亚浏览器：工作
• Google Chrome：什么也没有发生
• Firefox：“ Firefox不知道如何打开此URL”
• IE：找不到网址

最好的选择是从tel开始：它适用于所有手机

然后放入此代码，该代码仅在桌面上并且仅在单击链接时才运行。

我正在使用http://detectmobilebrowsers.com/来检测移动浏览器，您可以使用任何喜欢的方法

if (!jQuery.browser.mobile) {
    jQuery('body').on('click', 'a[href^="tel:"]', function() {
            jQuery(this).attr('href', 
                jQuery(this).attr('href').replace(/^tel:/, 'callto:'));
    });
}

因此，基本上，您涵盖了所有基础。

tel：适用于所有电话以打开带有号码的拨号器

callto：可在您的计算机上使用，以从Firefox，Chrome连接到Skype

正如人们所期望的那样，WebKit的支持也tel:扩展到了Android移动浏览器-FYI

我保留此答案是出于“历史性”目的，但不再推荐了。参见上面的@Sidnicious'答案和我的Update 2。

因为它看起来像是呼叫方和电话员之间的平局，所以我想提出一个可能的解决方案，希望您的评论将带我回到光明的道路上；-)

使用callto:，因为大多数桌面客户端都可以处理：

<a href="callto:0123456789">call me</a>

然后，如果客户端是iPhone，请替换链接：

window.onload = function () {
  if (navigator.userAgent.match (/iPhone/i)) {
    var a = document.getElementsByTagName ("a");
    for (var i = 0; i < a.length; i++) {
      if (a[i].getAttribute ('href').search (/callto:/i) === 0) {
        a[i].setAttribute ('href', a[i].getAttribute ('href').replace (/^callto:/, "tel:"));
      }
    }
  }
};

对这个解决方案有任何异议吗？我最好从tel:哪里开始？

移动Safari（iPhone和iPod Touch）使用该tel:方案。

如何在iPhone的网页上拨打电话号码？

RFC3966为电话号码定义了IETF标准URI，即“ tel：” URI。那是标准。没有类似的标准指定“ callto：”，这是Skype在平台上的特殊约定，允许注册URI处理程序以支持它。

这为我工作：

1.建立符合标准的链接：

        <a href="tel:1500100900">

2.在未检测到移动浏览器时将其替换，对于Skype：

$("a.phone")
    .each(function()
{ 
  this.href = this.href.replace(/^tel/, 
     "callto");
});

选择通过类替换的链接似乎更有效。当然，它仅适用于具有.phone类的锚。

我已将if( !isMobile() ) { ...其启用，因此仅在检测到桌面浏览器时才触发。但这可能已经过时了...

function isMobile() {
    return (
        ( navigator.userAgent.indexOf( "iPhone" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "iPod" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "iPad" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "Android" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "webOS" ) > -1 )
    );
}

我用于tel:我的项目。

它可以在我的索尼爱立信智能手机上的Chrome，Firefox，IE9＆8，Chrome移动版和移动浏览器中使用。

但callto:无法在移动浏览器中使用。

我会使用tel:（按照建议）。但是，为了有一个更好的后备/不显示错误页面，我将使用如下所示（使用jquery）：

// enhance tel-links
$("a[href^='tel:']").each(function() {
    var target = "call-" + this.href.replace(/[^a-z0-9]*/gi, "");
    var link = this;

    // load in iframe to supress potential errors when protocol is not available
    $("body").append("<iframe name=\"" + target + "\" style=\"display: none\"></iframe>");
    link.target = target;

    // replace tel with callto on desktop browsers for skype fallback
    if (!navigator.userAgent.match(/(mobile)/gi)) {
        link.href = link.href.replace(/^tel:/, "callto:");
    }
});

假设在userAgent字符串中具有移动标记的移动浏览器支持该tel:协议。对于其余部分，我们将链接替换为callto:协议以在可用时回退到Skype。

为了抑制不支持的协议的错误页面，该链接的目标是一个新的隐藏iframe。

不幸的是，似乎无法检查该网址是否已成功加载到iframe中。似乎没有错误事件被触发。

由于callto:Skype默认支持默认设置（在Skype设置中设置），其他人也支持它，因此我建议使用callto:而不是skype:。

尽管Apple tel:在其文档中建议使用Mobile Safari，但目前（iOS 4.3）接受callto:相同的内容。因此，我建议callto:在通用网站上使用它，因为它可以同时与Skype和iPhone一起使用，并且我希望它也可以在Android手机上使用。

更新（2013年6月）

这仍然是决定您要提供的网页的问题。在我的网站上，我同时提供tel:和callto:链接（后者标记为Skype），因为Mac上的桌面浏览器对tel:链接不起作用，而移动Android对链接不起作用callto:。甚至带有Google Talk插件的Google Chrome也无法响应tel:链接。不过，我还是希望在桌面上同时提供两个链接，以防万一有人麻烦地使tel:链接在他们的计算机上工作。

如果网站设计要求我仅提供一个链接，那么我将使用tel:尝试callto:在台式机浏览器上更改为该链接的链接。

使用jQuery，用适当的callto:或tel:方案替换页面上的所有美国电话号码。

// create a hidden iframe to receive failed schemes
$('body').append('<iframe name="blackhole" style="display:none"></iframe>');

// decide which scheme to use
var scheme = (navigator.userAgent.match(/mobile/gi) ? 'tel:' : 'callto:');

// replace all on the page
$('article').each(function (i, article) {
    findAndReplaceDOMText(article, {
        find:/\b(\d\d\d-\d\d\d-\d\d\d\d)\b/g,
        replace:function (portion) {
            var a = document.createElement('a');
            a.className = 'telephone';
            a.href = scheme + portion.text.replace(/\D/g, '');
            a.textContent = portion.text;
            a.target = 'blackhole';
            return a;
        }
    });
});

感谢@jonas_jonas的想法。需要出色的findAndReplaceDOMText函数。

我使用常规<a href="tel:+123456">12 34 56</a>标记，并通过以下方式使桌面用户无法点击这些链接pointer-events: none;

a[href^="tel:"] {
    text-decoration: none;
}
.no-touch a[href^="tel:"] {
    pointer-events: none;
    cursor: text;
}

对于不支持指针事件（IE <11）的浏览器，可以使用JavaScript阻止点击（示例依赖于Modernizr和jQuery）：

if(!Modernizr.touch) {
    $(document).on('click', '[href^="tel:"]', function(e) {
        e.preventDefault();
        return false;
    });
}