链接到外部网站: 这是 a 标签最常见的使用方式。 通过设置 href 属性为目标网址,可以链接到任何外部网站。
点击 "Google" 文本,会跳转到 Google 的首页。
链接到同一网站内的其他页面: 用于网站内部导航,提升用户体验。
点击 "关于我们",会跳转到网站根目录下的 about-us.html 页面。
链接到特定文件: 可以链接到各种类型的文件,例如 PDF、图片、音频等,让用户可以直接下载或查看。
创建电子邮件链接: 使用 mailto: 协议可以创建电子邮件链接,点击后会打开用户的默认邮件客户端,并自动填写收件人地址。
页面内跳转: 通过设置 href 属性为带有 # 符号的锚点 ID,可以实现页面内跳转到特定位置。 首先需要在目标位置设置一个带有 ID 的元素,例如:
第二部分
然后在 a 标签中设置 href 属性为 #section2:
点击 "跳转到第二部分",页面会滚动到 id="section2" 的位置。
调用 JavaScript 函数: 通过设置 href 属性为 javascript:void(0) 或 # 并配合 onclick 事件,可以调用 JavaScript 函数。 虽然可以用,但不推荐这种方式,最好使用按钮或其他更语义化的元素来触发 JavaScript 函数。
function myFunction() {
alert("函数已执行");
}
target 属性控制链接打开方式: target 属性可以控制链接在哪个窗口或标签页打开。 常用的值有:
_blank: 在新窗口或标签页打开链接。
_self: 在当前窗口或标签页打开链接(默认)。
_parent: 在父框架中打开链接。
_top: 在顶层框架中打开链接。