VS Code只是编辑器，网页跳转依赖HTML的标签和正确路径；本地测试须用Live Server插件启动HTTP服务，避免file://协议限制。
VS Code 本身不“做网页”，它只是编辑器；网页之间能联系起来，靠的是你写的 HTML、CSS、JS 和文件路径关系——不是靠 VS Code 的功能。
怎么用 <a></a> 标签跳转本地页面
这是最基础也最容易出错的连接方式。你在 VS Code 里写好两个 HTML 文件（比如 index.html 和 about.html），它们得在同一个文件夹下，或者路径写对，<a href="..."></a> 才能点开。
- ✅ 正确：两个文件都在
my-site/文件夹里，index.html中写<a href="about.html">关于我们</a> - ❌ 常见错误：把
about.html放在子文件夹pages/里，却还写href="about.html"—— 应该改成href="pages/about.html" - ⚠️ 注意大小写和扩展名：
About.html和about.HTML在 Windows 上可能能打开，但在服务器或 macOS/Linux 上会 404
为什么双击打开 index.html 时点击链接没反应
这不是代码错了，是浏览器安全策略限制：用 file:// 协议直接打开本地 HTML 文件时，部分相对路径（尤其是跨文件夹的 CSS/JS 或某些 <iframe></iframe> 场景）会被拦截，导致链接看似“失效”或资源加载失败。
- ✅ 解决办法：用 VS Code 安装
Live Server插件，右键index.html→ “Open with Live Server”，它会起一个本地http://127.0.0.1:5500服务，路径解析就正常了 - ❌ 不要依赖“双击打开”来测试多页跳转，尤其涉及 JS 路由、AJAX 或图片路径时，大概率出问题
- ? 小技巧：VS Code 状态栏左下角能看到当前文件路径，对照
href值手动拼一下，比猜靠谱
用 JavaScript 动态跳转要注意什么
有时候你不写 <a></a>，而是用 location.href 或 window.open() 跳转，这时候路径逻辑一样，但更容易忽略上下文。
- ✅ 相对路径依然生效：
location.href = "contact.html"是相对于当前 HTML 文件所在目录 - ❌ 错误写法：
location.href = "/contact.html"—— 开头的/表示网站根目录，本地file://下没“根”的概念，会跳到系统盘根（比如file:///contact.html），直接 404 - ⚠️ 如果用
fetch()加载其他 HTML 片段，注意浏览器同源策略：file://协议下所有请求默认被拒，必须用 Live Server 启服务
真正卡住人的从来不是 VS Code，而是路径写错、协议搞混、或者忘了浏览器对本地文件的限制。把文件结构画两笔，再对着地址栏看一眼当前 URL，比查十篇教程都管用。
