在 HTML 中创建电话号码链接
Subodh Poudel
2023年2月19日
2022年4月22日
本文将指导你使用 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>
上面示例中的数字之间的 -
符号是为了便于阅读而写的。以这种格式书写不是强制性的。
从其他国家拨打电话号码时,需要使用国家代码。如果你的本地业务仅限于你所在的国家/地区,则无需在你的网站上使用国家/地区代码。
Author: Subodh Poudel
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