超链接必须用标签，邮箱用mailto:、电话用tel:、外部链接带https://协议，target="_blank"需配rel="noopener noreferrer"，路径须匹配文件结构，锚点跳转需id和scroll-behavior: smooth。
直接在 <a></a> 标签里写 href 就能加超链接，但简历里最容易出问题的不是“会不会加”，而是“加完点不开”“手机上失效”“PDF导出变乱码”——这些都和链接写法、上下文、目标属性有关。
超链接必须用 <a href="..."></a>，不能只写 URL 文本
很多人把邮箱写成 myname@example.com，或把 GitHub 地址写成 https://github.com/xxx，这在 HTML 里只是普通文本，点击无效。浏览器不会自动识别并转为可点击链接。
- 邮箱必须写成
<a href="mailto:myname@example.com">myname@example.com</a>，否则手机端无法唤起邮件客户端 - 电话号码要写成
<a href="tel:+8613800138000">+86 138-0013-8000</a>，注意+和数字间不能有空格或短横（部分安卓机型会截断） - 外部网站如博客、作品集，
href值必须带协议（https://），写成github.com/xxx会被当成相对路径，导致 404
target 属性怎么选：新窗口还是当前页？
简历里绝大多数外部链接（GitHub、博客、作品集）都应该在新标签页打开，避免用户离开你的简历页。但默认行为是 target="_self"（当前页），必须显式声明。
- 推荐统一用
target="_blank" rel="noopener noreferrer"—— 不仅打开新页，还防止 opener 漏洞和页面性能拖累 - 别只写
target="_blank"，缺少rel属性时，新页面可通过window.opener访问原页面，存在安全风险 - 如果某个作品集是你自己部署的子路径（比如
https://me.com/portfolio），且希望用户留在同一域名下，可省略target，保持自然跳转
作品集跳转常见失效原因
你写了 <a href="projects.html">查看作品集</a>，但点击后 404 或空白页？大概率是路径或文件结构没对齐。
立即学习“前端免费学习笔记（深入）”；
- 检查文件是否真在同级目录：如果
index.html和projects.html都放在根目录，链接才有效；若projects.html在/pages/下，就得写href="pages/projects.html" - GitHub Pages 默认只认
index.html为首页，其他 HTML 文件需确保路径可访问（比如开启gh-pages分支 + 正确的baseurl配置） - 本地双击打开时，浏览器禁用跨域请求，
file://协议下 AJAX 加载内容、SVG 内联图标、甚至某些 CSS @import 都会失败——作品集页若依赖 JS 渲染，务必先用本地服务器测试（npx serve或 Pythonhttp.server）
锚点跳转和滚动平滑控制
简历内部模块跳转（如“点‘技能’跳到技能区”）本质也是超链接，但目标是页面内 ID，容易忽略细节。
- 目标元素必须有
id，比如<section id="skills"></section>，链接写成<a href="#skills">技能</a> - 加
scroll-behavior: smooth到html或body的 CSS 中才能实现平滑滚动，仅靠href="#xxx"是瞬移 - 如果用了 JS 监听滚动做高亮导航，记得在锚点跳转后手动触发一次
scrollIntoView()或更新 active 状态，否则侧边圆点可能不同步
最常被忽略的一点：所有链接都要测试三端——桌面 Chrome 点击、iPhone Safari 长按菜单、安卓微信内置浏览器点击。尤其是 tel: 和 mailto:，iOS 和安卓对格式容忍度完全不同，少一个 + 或多一个空格，就彻底失效。
