HTML 词条目录
前端Wiki/HTML/基础/文本与链接

超链接 a 标签

<a> 是网页之间互相连接的桥梁,核心属性 href 指定目标地址,可以是完整网址、站内路径或页面内锚点。没有 href 的 a 不会表现为链接。

想在新标签页打开,加 target="_blank"。但要注意安全问题:新页面可以通过 window.opener 操纵原页面,所以必须同时加 rel="noopener",这是很多教程会漏掉的一步。

链接有四种状态:未访问(link)、已访问(visited)、悬停(hover)、按下(active),可以用 CSS 分别定制样式,常见做法是给 hover 加颜色变化给用户可点击的反馈。

本节要点a 的核心是 href;新标签页打开用 target="_blank" 且务必搭配 rel="noopener";链接文字要描述目标内容,不要写"点这里"。
HTML
<!-- 站外链接:完整网址 -->
<a href="https://developer.mozilla.org/">MDN 文档</a>

<!-- 新标签页打开:_blank 必须搭配 noopener,防止新页面操纵原页面 -->
<a href="https://example.com" target="_blank" rel="noopener">新窗口打开</a>

<!-- a 可以包裹图片,整张图变成可点击区域 -->
<a href="gallery.html">
  <img src="thumb.jpg" alt="查看相册">
</a>

<!-- 链接文字应描述目的地,而不是"点击这里" -->
<a href="/install-guide.html">查看安装指南</a>
🔗 相关词条CSS网页标签锚点