在 HTML 中创建电话号码链接

Subodh Poudel 2023年2月19日 2022年4月22日
在 HTML 中创建电话号码链接

本文将指导你使用 HTML 从移动设备拨打电话号码。首先,我们将在 HTML 中创建一个链接,它会在调用链接时调用该号码。

在 HTML 中为电话号码创建超链接

我们可以使用用于创建超链接的锚 a 标签在 HTML 中创建电话号码链接。我们可以在 a 标签之间以可读格式指定电话号码,并将其设置在 href 属性中。

我们在 href 属性中使用 tel: 关键字后跟电话号码。此语法创建一个链接以将呼叫定向到电话号码。

例如,创建一个 a 标记并在 href 属性中写入tel:907-212-7084。接下来,在 a 标签之间写上相同的数字。

当我们从移动设备访问网页时,会出现一个带有电话号码的可点击链接。单击超链接时,它会将用户重定向到带有电话号码的电话号码拨号盘。

示例代码:

<a href="tel:907-212-7084">907-212-7084</a>

最好在电话号码前使用国家代码,因为网页的用户可能来自不同的国家。

下面的示例代表美国的电话号码。

示例代码:

<a href="tel:+1-907-212-7084">+1-907-212-7084</a>

上面示例中的数字之间的 - 符号是为了便于阅读而写的。以这种格式书写不是强制性的。

从其他国家拨打电话号码时,需要使用国家代码。如果你的本地业务仅限于你所在的国家/地区,则无需在你的网站上使用国家/地区代码。

Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn