制作HTML简历超链接怎么加？作品集跳转设置技巧-html教程-PHP中文网

超链接必须用标签，邮箱用mailto:、电话用tel:、外部链接带https://协议，target="_blank"需配rel="noopener noreferrer"，路径须匹配文件结构，锚点跳转需id和scroll-behavior: smooth。

制作html简历超链接怎么加？作品集跳转设置技巧

直接在 @#@#@#@#@#@#@#@#@#@0，否则手机端无法唤起邮件客户端

电话号码要写成 @#@#@#@#@#@#@#@#@#@1，注意 + 和数字间不能有空格或短横（部分安卓机型会截断）

外部网站如博客、作品集，href 值必须带协议（https://），写成 github.com/xxx 会被当成相对路径，导致 404

简历里绝大多数外部链接（GitHub、博客、作品集）都应该在新标签页打开，避免用户离开你的简历页。但默认行为是 target="_self"（当前页），必须显式声明。

推荐统一用 target="_blank" rel="noopener noreferrer" —— 不仅打开新页，还防止 opener 漏洞和页面性能拖累
别只写 target="_blank"，缺少 rel 属性时，新页面可通过 window.opener 访问原页面，存在安全风险
如果某个作品集是你自己部署的子路径（比如 https://me.com/portfolio），且希望用户留在同一域名下，可省略 target，保持自然跳转

你写了 @#@#@#@#@#@#@#@#@#@2，但点击后 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 或 Python http.server）

简历内部模块跳转（如“点‘技能’跳到技能区”）本质也是超链接，但目标是页面内 ID，容易忽略细节。

超级简历WonderCV

一款AI办公效率工具，主要用于免费求职简历模版下载制作，应届生职场人必备简历制作神器，适合需要提升相关任务效率的用户。

下载

目标元素必须有 id，比如，链接写成 @#@#@#@#@#@#@#@#@#@3
加 scroll-behavior: smooth 到 html 或 body 的 CSS 中才能实现平滑滚动，仅靠 href="#xxx" 是瞬移
如果用了 JS 监听滚动做高亮导航，记得在锚点跳转后手动触发一次 scrollIntoView() 或更新 active 状态，否则侧边圆点可能不同步