<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>
总而言之，<a> 标签的功能不仅仅局限于跳转链接，它还可以用于实现页面内跳转、下载文件、执行 JavaScript 代码、发送邮件、拨打电话以及作为样式化的交互元素。 理解这些不同的用途可以帮助开发者更好地利用 <a> 标签，创建更丰富和交互性更强的网页。