神奇!HTML能够添加直接启动手机拨号盘的链接

全文共3091字，预计学习时长9分钟

“嘿，这是链接，有空给我打电话。”

国外的朋友说完这话，就在Facebook上给小芯发了一个链接。不知道这是什么链接就顺手点开了。令小芯吃惊的是，手机拨号器竟然启动了，上面自动输入了一串号码。小芯在TrueCaller上查了一下这个号码，想看看是谁的——居然就是朋友的。小芯感到非常惊喜，于是决定对这个超赞的功能进行一番研究。

接下来，将会与大家分享小芯收集到的知识。

简介

通过HTML可以添加能够直接启动手机拨号盘的链接，但这一功能只适用于手机，然而谷歌浏览器有一个很赞的功能：在电脑上点击这个链接，然后就可以通过手机拨打电话。这些链接称为点击拨号链接。

<!-- This link would open your dialpad with the number 123456789 -->

<ahref="tel:123456789">Click Me To Call Me</a>

clickToCall.html hosted with ? by GitHub

打开号码拨号

HTML hrefURI的其它诀窍

还有一些很赞的诀窍。

· 打开指向某个地址的谷歌地图

· 打开预写好收件人和邮件正文的电子邮件客户端

· 打开预写好短信内容的短信服务应用程序

打开指向某个地址的谷歌地图

你可以用谷歌地图打开某个地址，这些链接称为地图URL，可以跨平台使用。如果手机中安装了谷歌地图的本地应用程序，那么URL会打开应用程序，并执行请求的操作。若未安装的话，URL就会在浏览器中启用谷歌地图，再执行请求的操作。

将有以下几种选择：

· 打开显示地址位置的谷歌地图

· 打开带有地址方位的谷歌地图

阅读参考资料中的文档，了解更多关于地图URL的信息。

<!-- This link would open Google Maps with the location of the address No 20, James Road, Washington -->

<ahref="https://www.google.com/maps/search/?api=1&query=20,James%20Road,Washington">Click Me To Open Google Maps</a>

<!-- This link would open Google Maps with the direction to the address No 20, James Road, Washington -->

<ahref="https://www.google.com/maps/dir/?api=1&destination=20,James%20Road,Washington">Click Me To Open Google Maps</a>

<!-- P.S. There is No James Road in Washington :P -->

clickToOpenMaps.html hosted with ? by GitHub

使用此代码段打开谷歌地图

打开预写好收件人和邮件正文的电子邮件客户端

mailto：通过该标签，可以打开用户的电子邮件客户端并创建新邮件，添加邮件主题、正文、收件人、抄送和密送的电子邮件地址。

以下是包含上述示例的代码片段。

<!-- This would open your email client and create a new mail addressed to someone@abc.com -->

<ahref="mailto:someone@abc.com">Click Here To Mail Me</a>

<!-- This would open your email client and create a new mail addressed to someone@abc.com with the subject Mail From Link -->

<ahref="mailto:someone@abc.com?subject=Mail From Link">Click Here To Mail Me With A Subject</a>

<!-- This would open your email client and create a new mail addressed to someone@abc.com with the subject Mail From Link and a message body as Sample Email-->

<ahref="mailto:someone@abc.com?subject=Mail From Link&body=Sample Email">Click Here To Mail Me With A Subject And Body</a>

<!-- This would open your email client and create a new mail addressed to someone@abc.com with the subject Mail From Link and a message body as Sample Email-->

<ahref="mailto:someone@abc.com?cc=john@someemail.com,jack@junga.com&subject=Mail From Link&body=Sample Email">Click Here To Mail Me With A Subject And Body And CC To Few Others</a>

view rawclickToOpenMail.html hosted with ? by GitHub

使用此代码段打开电子邮件客户端

打开预写好短信内容的短信服务应用程序（不支持IOS）

Sms：通过该标签，可以将写好正文的短信发送到某个号码上。不过，请确保正文内容采用的是URL编码格式，这样才能确保发送过去后，符号和空格也可以正常显示。下面是一个用法示例的代码片段。

<!-- This would open your sms app and create a new message to +94771234557 with

the message shsa@ 2324@#$%^& Hi there I'd Like A Coffee

Make sure you encode your message body before sending-->

<ahref="sms:+94771234557?body=shsa%40%202324%40%23%24%25%5E%26%20Hi%20there%20I%27d%20Like%20A%20Coffee">

Click here to text us!

</a>

view rawclickToOpenSms.html hosted with ? by GitHub

使用此代码段打开短信服务客户端

惊喜

你可以将以上这些技巧运用到个人简历上。只需一个PDF编辑器，为任何想要的文本添加链接，使用上述示例方案（链接）作为URL。在线PDF编辑器请参见下方参考资料的链接。

是不是很神奇，虽然都是些简单的操作，却能让人眼前一亮，十分惊喜，快来试试吧~

留言点赞关注

我们一起分享AI学习与发展的干货

如转载，请后台留言，遵守转载规范