超链接 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>




