我需要为移动设备构建一个网页。我还有一件事还没有想到:如何通过点击文字来触发电话?
我是否可以输入特殊网址,例如电子邮件的mailto:
标记?
不希望使用特定于设备的解决方案。
我知道iPhone会自动识别手机号码并为此创建一个链接,但如果可以对图像进行此操作也很棒......对于大多数移动设备也是如此。
答案 0 :(得分:772)
大多数现代设备都支持tel:scheme。所以使用<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>
答案 1 :(得分:53)
正确的URL方案是tel:[number]所以你可以这样做
<a href="tel:5551234567"><img src="callme.jpg" /></a>
答案 2 :(得分:40)
为了完整起见,想在此处添加答案。
<a href="tel:1234567">Call 123-4567</a>
在大多数设备上运行正常。但是,在桌面上,这将显示为一个链接,当您单击它时不会执行任何操作,因此您应该考虑使用CSS使其仅在移动设备上有条件地可见。
另外,你应该知道Skype(相当流行)默认使用不同的语法(但可以参数化使用tel :)。
<a href="callto:1234567">Call 123-4567</a>
但是,我认为在最新的移动浏览器中(我在Android上肯定知道)现在tel
语法应该提供一个可用于完成调用操作的可用应用程序的弹出窗口。
答案 3 :(得分:18)
可点击的智能手机链接代码:
以下链接可用于制作可点击的电话链接。您可以复制下面的代码并将其粘贴到您的网页中,然后使用您的电话号码进行编辑。此代码可能无法在所有手机上使用,但适用于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>
只要使用&#34; tel:18475555555&#34;设置电话号码,也可以使用链接中的任何文本。如在这个例子中:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>
以下是您可以查看的可点击电话超链接。在大多数非手机浏览器中,此链接会为您提供一个&#34;无法显示网页&#34;错误或什么都不会发生。
注意: iPhone Safari浏览器会自动检测网页上的电话号码,并将文本转换为通话链接,而不使用此页面上的任何代码。
Wtai智能手机链接代码: wtai或&#34;无线电话应用接口&#34;链接代码如下所示。此代码被认为是正确的手机协议,可以在Droid等智能手机上使用,但是,它可能不适用于iPhone上的Apple Safari,建议使用上述代码。
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>
答案 4 :(得分:2)
本质上,请使用<a>
元素和一个href
属性,该元素指向以tel:
为前缀的电话号码。请注意,加号可用于指定国家/地区代码,连字号可仅用于人眼。
MDN Web文档
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
HTML
<a>
元素(或锚元素)及其href属性创建指向其他网页,文件,同一页面中的位置,电子邮件地址或其他地址的超链接。任何其他URL。[…]
提供电话链接有助于用户查看Web文档和连接到电话的笔记本电脑。
<a href="tel:+491570156">+49 157 0156</a>
IETF文档
https://tools.ietf.org/html/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描述了本地 在特定电话前缀内有效的电话号码。
答案 5 :(得分:0)
只需使用HTML锚标记<a>
,并以href
开始属性tel:
。我建议以国家/地区代码开头的电话号码。请注意以下示例:
<a href="tel:+989123456789">NO Different What it is</a>
在此示例中,国家/地区代码为+98
。
提示 :它非常适合手机,我知道在macOS上有tel:
个前缀调用FaceTime
,但在Windows上我不确定,但我猜它是导致启动Skype的原因。
更多信息:您可以访问the list of URL schemes supported by browsers来了解所有href
值前缀。