html的标签`<a>`除了用作跳转链接外，还有哪些用途？

<a> 标签除了用于创建超链接跳转到其他页面或资源外，还有以下几种用途：

锚点链接（页面内跳转）： 可以使用 href 属性指向页面内的特定位置。通过设置 id 属性为目标元素，然后在 <a> 标签的 href 属性中使用 # 加上 id 值，即可实现点击链接跳转到页面同一位置的不同部分。
```
<a href="#section2">跳转到第二部分</a>

<h2 id="section2">第二部分</h2> 
```
下载链接： 通过设置 download 属性，可以将链接转换为下载链接。点击链接后，浏览器会下载目标文件而不是打开它。 download 属性的值可以指定下载文件的名称。
```
<a href="myfile.pdf" download="mydocument.pdf">下载 PDF 文件</a>
```
JavaScript 伪协议： 可以使用 javascript: 伪协议在 href 属性中执行 JavaScript 代码。点击链接时，会执行指定的 JavaScript 代码。
```
<a href="javascript:alert('Hello!');">点击执行 JavaScript</a>
```
注意：虽然可以使用 javascript: 伪协议，但通常不推荐过度使用，因为它可能会导致代码难以维护和调试，并且可能存在安全风险。建议尽量使用事件监听器来处理用户交互。
mailto 链接： 使用 mailto: 伪协议可以创建邮件链接。点击链接会打开用户的默认邮件客户端，并创建一个新的邮件，其中收件人地址已预先填写。
```
<a href="mailto:example@example.com">发送邮件</a>
<a href="mailto:example@example.com?subject=Hello&body=This is a test email.">发送邮件 with subject and body</a>
```
tel 链接： 使用 tel: 伪协议可以创建电话链接。点击链接会在支持的设备上（例如智能手机）启动拨号程序，并预填电话号码。
```
<a href="tel:+15551234567">拨打电话</a>
```
作为样式化的占位符或交互元素： 虽然 <a> 标签通常用于链接，但也可以将其用作样式化的占位符或与 JavaScript 代码交互的元素，即使它没有实际的 href 属性。在这种情况下，通常会将其 href 属性设置为 # 或 javascript:void(0) 以防止默认的链接行为。
```
<a href="#" class="button">点击我</a> <script>document.querySelector('.button').addEventListener('click', function(event) {  event.preventDefault(); // 阻止默认链接行为  // 执行其他操作 });</script>
```