HTML超链接必须用<a>标签，核心是href属性；href缺失、错误或误用<link>会导致链接失效，锚点需匹配id，外部链接须带协议，新开页要加target="_blank"和rel="noopener"。
HTML 里加超链接，核心就一句：<a href="目标地址">点击文字</a></strong>。别的属性都是围绕它打补丁，不是必需的。</p>
<H3>href 值写错或漏掉，链接直接失效</H3>
<p>这是最常踩的坑：写了 <code><a>文本</a>
却没加 href，浏览器会把它当普通文本渲染，点不了。或者 href 值是空字符串、拼错路径、少写 https:// 导致跳转到当前域名下错误路径。
- 外部网站必须带协议，比如
href="https://example.com"；写成href="example.com"会被当成相对路径，实际访问的是http://当前域名/example.com - 站内页面用相对路径更灵活，比如
href="about.html"或href="../pages/contact.html"；但要注意当前 HTML 文件所在目录层级 - 想让链接点击后新开标签页，必须加
target="_blank"，但别忘了配rel="noopener"防安全风险：<a href="https://x.com" target="_blank" rel="noopener">X</a>
link 和 a 标签别混用：link 不负责跳转
新手容易把 <link> 当成“链接标签”，其实它只在 <head> 里起作用，用于引入 CSS、定义 favicon 等，和用户点击跳转完全无关。所有可点击的超链接都得用 <a>。
-
<link rel="stylesheet" href="style.css">—— 引入样式，不显示、不可点 -
<a href="style.css">下载CSS</a>—— 这才生成一个可点击的下载链接 - 浏览器控制台如果报
Failed to load resource: the server responded with a status of 404 ()，先检查是不是误把<a>写成了<link>
锚点链接（#）要确保目标元素有对应 id
用 href="#section2" 跳转到页面某一块，前提是页面里真有一个 id="section2" 的元素，比如 <h2 id="section2">第二部分</h2>。大小写、空格、特殊字符都要严格一致。
立即学习“前端免费学习笔记（深入）”；
- id 值不能以数字开头，比如
id="1section"是无效的，应改为id="section1" - 中文 id 理论上可行但不推荐，URL 编码后难读且兼容性差，用英文+短横线更稳：
id="faq-list" - 单页应用（SPA）中，靠 JS 控制路由时，原生锚点可能被拦截或失效，这时候得看框架文档，不是改
href就能解决的
真正麻烦的不是怎么写 <a>，而是 href 指向的资源是否存在、路径是否随项目结构调整过、以及 target + rel 组合有没有漏——这些地方一错，链接就静默失败，连报错都不给。
