如何在HTML中实现电话号码的可点击性

735 阅读1分钟

这篇博文举例说明如何在HTML中实现电话号码的可点击性。

通常情况下,在一个网页中,文本可以通过使用HTML中的锚(a )标签成为可点击链接。

假设,你在移动设备的浏览器上有一个电话号码链接,如果你点击它,它就会打开下面的电话号码的呼叫联系人页面。

这显示了多个例子,第一个方法是使用href tel: schema制作一个可点击的链接,另一个例子是制作skype的可点击链接。

如何在HTML中使电话号码可被点击?

以下是使电话在HTML中可被链接的步骤。

  • 在HTML中创建一个锚标签
  • href属性的值用tel :国际代码+电话号码来包装。
  • 添加自定义的锚点标签
<a href="tel:+International code+ Phone Number">Contact us</a>

下面是一个可点击链接的例子

<a href="tel:+1 000000000">Contact us</a>

在点击该链接时,它要求显示Make a call窗口,以选择一个设备并从一个设备拨打电话。

HTML标签中的skype可点击链接

你可以使用下面的skype: phone or username 模式使skype的电话号码或用户名可点击。

<a href="skype:phoneno">Contact Skype Phone</a>. 
<a href="skype:username">Contact Skype username</a>. 

它作为一个链接,在点击该链接时,它可以在skype应用程序中对电话号码或用户名进行skype呼叫。

tel:skype:模式在所有最新的设备浏览器上都能使用。

结语

总结一下,如何在HTML中制作电话号码和skype的可点击锚点链接,并举例说明。