HTML 词条目录
前端Wiki/词条/a 标签与超链接

a 标签与超链接

定义定义页面之间的跳转入口,是 Web 之所以叫万维网的根基标签

a 标签最重要的属性是 href,指向目标网址。链接的目标可以是绝对网址、相对路径、页面内锚点(href 加 # 开头),甚至可以写 mailto: 和 tel: 触发发邮件、打电话。点击后浏览器默认在当前窗口打开,按住 Ctrl 或用鼠标中键则在新标签页打开。download 属性还能把链接变成下载入口,浏览器会直接下载目标文件而不是跳转。

下划线和蓝色是浏览器默认样式,现代页面通常会用 CSS 重置掉。SEO 角度看,a 标签的锚文本是搜索引擎判断目标页面主题的重要信号,所以链接文字要写有意义的词,避免「点击这里」这种无信息量的写法。空链接调试时习惯写 href=#,但要注意它会跳到页面顶部。链接的 :visited 状态默认显示紫色,不少站点会统一重置成正常颜色,避免历史痕迹太明显。

HTML
<style>
  a.demo { color: #4a9eff; text-decoration: none; }
  a.demo:hover { text-decoration: underline; }
  .card a { display: inline-block; padding: 6px 14px;
            background: #4a9eff; color: #fff; border-radius: 6px; }
</style>
<p><a href="https://www.example.com">普通链接:绝对网址</a></p>
<p><a href="../about/index.html">相对路径链接</a></p>
<p><a href="#section-2">跳到本页第二部分(锚点)</a></p>
<p><a class="demo" href="https://www.example.com">去掉下划线的链接</a></p>
<p><a href="mailto:someone@example.com">给我们发邮件</a></p>
⚠ 常见误区
🔗 相关词条超链接锚点
← 返回来源章节超链接