HTML基础：超链接的其他 4 种形式

你好，我是云桃桃。上次，我们聊了 HTML href 属性的网页链接，锚点链接，这次我们聊聊 href 其他 4 种常见链接。

1、电子邮件链接（mailto）： 通过  mailto: 创建一个链接，点击链接会自动打开用户默认的邮件客户端，并填写指定的收件人邮箱地址。

<a href="mailto:example@example.com">发送邮件给我们</a>

2、电话号码链接（tel）： 通过  tel: 创建一个链接，通常用在手机端。点击链接会触发用户设备上的电话应用程序，拨打指定的电话号码。

<a href="tel:+123456789">拨打电话给我们</a>

3、文件链接： 可以链接到网站服务器上的文件，如文档、图片、音频、视频等，用户点击链接时会下载或打开文件。

<a href="document.pdf">下载文档</a>

4、JavaScript 链接： 通过  javaScript: 创建一个链接，使用 JavaScript 代码作为链接的 href 属性值，点击链接时会执行相应的 JavaScript 操作。这个我们后续会学到，这里只是说明有这种写法，不做太多写法延伸。

<a href="javascript:alert('Hello World!');" onclick="myFunction()">执行 JavaScript 函数</a>

这些链接类型提供了丰富多样的功能，可以满足不同场景下的链接需求。

除了以上4个，还有其他的链接类型，比如，支付链接，地图链接等。但本文暂时不予介绍。

因为，这些链接类型较为特殊，涉及其他端技术配合等原因，适合有一定技术基础后再学习。

好了，以上，本文完。

排版：云桃桃 | 图片设计：云桃桃   

作者介绍：

云桃桃，在写作的程序媛。终身学习者，陪你一起编程，一起写作❤️