我需要建立一个网页的移动设备。这里只有一件事我还没有想通了:我怎么可以触发通过文字的点击一个电话?
是否有一个特殊的URL,我可以进入像电子邮件的mailto:
标签?
设备特定的解决方案不是优选的。
我知道iPhone会自动识别电话号码,并创建一个链接,这一点,但是这将是巨大的,如果这能为图片做太......也为大多数移动设备。
大多数现代设备支持电话:方案。因此,使用<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>
正确的URL方案为tel:[序号]所以你会怎么做
<a href="tel:5551234567"><img src="callme.jpg" /></a>
想在这里补充一个答案为完整起见。
<a href="tel:1234567">Call 123-4567</a>
适用于大多数设备就好了。然而,在桌面上,这将表现为它做,当你点击它,所以你应该考虑使用CSS,使其只在移动设备上有条件地看到什么的链接。
此外,你应该知道的Skype(这是相当流行的),在默认情况下使用不同的语法(但是可以参数化使用电话:)。
<a href="callto:1234567">Call 123-4567</a>
不过,我想在最新的移动浏览器(我肯定知道在Android)现在tel
语法应提供可用于完成呼叫动作可用应用程序的弹出窗口。
可点击链接的智能手机的代码:
点击以下链接可以用来制造可点击电话链接。您可以复制下面的代码并将其粘贴到您的网页,然后用你的电话号码进行编辑。此代码可能无法在所有手机上运行,但对于iPhone,Droid的/ Android和黑莓确实工作。
<a href="tel:1-847-555-5555">1-847-555-5555</a>
电话号码的链接可以与短划线一起使用,如上述所示,或者没有它们,以及在下面的例子:
<a href="tel:18475555555">1-847-555-5555</a>
也可以,只要电话号码设置与在链接使用任何文本“电话:18475555555”作为这个例子:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>
下面是一个可点击的超链接的电话,您可以检查出来。在大多数非手机浏览器这个链接会给你一个“该网页无法显示”错误或什么都不会发生。
注:iPhone Safari浏览器会自动侦测网页上的电话号码,并把文字变成了一个呼叫链接转换,而无需使用任何代码此页面上。
WTAI智能手机链路的代码:所述的WTAI或“无线电话应用接口”链接代码如下所示。此代码被认为是正确的手机协议,像Droid的智能手机将工作,但是,它可能不适合苹果iPhone上的Safari和建议上面的代码工作。
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>
从本质上讲,使用<a>
元素与href
ATTR指向由tel:
前缀的电话号码。需要注意的是加号可用于指定国家或地区代码,和连字符可以被简单地包含了人眼。
MDN的Web文档
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
该HTML
<a>
元素(或锚元素),其href属性一起,创建一个链接到其他网页,文件在同一页面中的位置,电子邮件地址,或任何其他网址。[…]
提供手机链是用户浏览网页文件并连接到手机笔记本电脑的帮助。
<a href="tel:+491570156">+49 157 0156</a>
IETF文档
https://tools.ietf.org/html/rfc3966
对于电话号码
tel
URI“电话” 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描述了当地的电话号码,这是一个特定的电话前缀内有效。