绝对路径从根目录或完整网址开始，如https://www.example.com/images/photo.jpg或/css/style.css，适用于跨目录跳转；2. 相对路径基于当前文件位置，如./about.html、../index.html，依赖目录结构；3. 常见错误包括路径类型混淆、忽略部署子目录、大小写错误及文件移动后未更新路径；4. 小型网站宜用相对路径，大型或多级系统推荐根相对路径，外部资源需用完整绝对路径；5. 利用浏览器开发者工具排查加载失败问题。理解路径原理可有效减少跳转错误。
HTML插入链接跳转错误，多数是因为路径设置不正确，尤其是对相对路径与绝对路径的理解不清。搞明白两者的区别和使用场景，能有效避免页面跳转失败的问题。
什么是绝对路径
绝对路径是指从根目录或完整网址开始的完整路径，明确指向某个资源的位置。
- 以http://或https://开头，例如：
https://www.example.com/images/photo.jpg - 以斜杠/开头（相对于网站根目录），例如：
/css/style.css表示从站点根目录下的css文件夹找style.css
这类路径无论当前页面在哪个目录下，都能准确找到目标资源，适合大型网站或跨目录跳转。
什么是相对路径
相对路径是相对于当前文件所在位置的路径，依赖于文件之间的目录结构。
立即学习“前端免费学习笔记（深入）”；
- 同级目录：直接写文件名，如
about.html - 子目录：用
folder/page.html，表示当前目录下的folder文件夹中的page.html - 上级目录：用
../index.html，表示返回上一级后查找index.html，多个上级可用../../
一旦目录层级发生变化，而路径未同步调整，就会导致404错误或跳转失败。
常见跳转错误原因
- 误将相对路径当作绝对路径使用，比如在子页面中用了
./img/logo.png，但父页面和子页面引用方式不同导致图片丢失 - 使用
/开头却忽略了项目部署的子目录，比如网站部署在example.com/site/下，但写了/css/style.css，实际应通过配置或改用相对路径处理 - 大小写或拼写错误，特别是在Linux服务器上，路径区分大小写
- 移动文件后未更新引用路径，尤其是相对路径极易失效
如何选择路径类型
根据项目结构和部署方式合理选择：
- 小型静态网站，文件结构稳定，推荐使用相对路径，便于本地测试和迁移
- 多级目录或动态系统，建议使用以
/开头的根相对路径（即从域名根目录算起），更稳定 - 引用外部资源（如CDN、其他网站），必须使用完整绝对路径
开发时可在浏览器开发者工具中查看“Network”选项卡，快速定位资源加载失败的具体路径问题。
基本上就这些。理解路径原理，结合实际目录结构谨慎编写，就能大幅减少跳转错误。
