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

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

好了,以上,本文完。

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

图片

作者介绍:

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

相关推荐

  1. CSS中4伪类

    2024-03-15 20:30:03       59 阅读
  2. HTML和图音频

    2024-03-15 20:30:03       27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-15 20:30:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-15 20:30:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-15 20:30:03       82 阅读
  4. Python语言-面向对象

    2024-03-15 20:30:03       91 阅读

热门阅读

  1. 蓝桥杯刷题--python-21

    2024-03-15 20:30:03       37 阅读
  2. python中什么是装饰器

    2024-03-15 20:30:03       38 阅读
  3. 在Ubuntu中如何基于conda安装jupyterlab

    2024-03-15 20:30:03       46 阅读
  4. 国军标GJB150A霉菌试验解读

    2024-03-15 20:30:03       41 阅读
  5. Go json Marshal & UnMarshal 的一点小 trick

    2024-03-15 20:30:03       41 阅读
  6. LVM动态扩容

    2024-03-15 20:30:03       42 阅读
  7. 面试官:简单讲一下Spring Boot事务的使用

    2024-03-15 20:30:03       35 阅读
  8. 工人安全绳穿戴识别系统---豌豆云

    2024-03-15 20:30:03       39 阅读
  9. 基类、接口、抽象类的区别

    2024-03-15 20:30:03       36 阅读
  10. C# Random随机数_DateTime类_String_API_StringBuilder类

    2024-03-15 20:30:03       33 阅读
  11. Data studio普通用户采用非SSL的方式连接openGauss

    2024-03-15 20:30:03       43 阅读
  12. 洛谷题解 - P2249 【深基13.例1】查找

    2024-03-15 20:30:03       38 阅读