2025年2月24日 星期一 甲辰(龙)年 腊月廿四 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:01-23来源:作者:点击数:18

上次,我们聊了 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个,还有其他的链接类型,比如,支付链接,地图链接等。但本文暂时不予介绍。

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

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐