我平时在做代码审计和渗透测试时，经常会碰到一类让人哭笑不得的低级Bug：本地测试好好的图片，一部署到服务器上就全部裂开；别人点击网页上的链接，直接报404找不到页面。这些问题归根结底，都是因为新手没有彻底搞懂 HTML 的**路径（Path）和锚点（Anchor）**规则。很多同学写代码全靠编辑器自动补全，对于底层逻辑根本是一笔糊涂账。今天，咱们就抛开枯燥的理论，用大白话+实战代码，把“相对路径”、“绝对路径”以及“a标签锚点跳转”这三个前端地基彻底夯实！一、相对路径：找资源就像“走亲戚”什么是相对路径？简单来说，就是以当前 HTML 文件所在的目录为起点，去寻找目标图片或文件的路线。这就好比你站在自己家门口，去隔壁邻居家串门。在相对路径中，有两个核心动作必须牢记：进门（进入文件夹）：使用正斜杠/出门（返回上一级）：使用点点杠../如果你要引用的图片在好几层文件夹外面，那就多敲几个../退出去，直到找到目标目录为止。💻 实战代码演示：假设我们有这样一个目录结构：📁 项目根目录├── 📄index.html(我们当前所在的文件)├── 📁images│ └── 🖼️logo.jpg└── 📁pages└── 📄about.html(另一个页面，需要引用 logo.jpg)场景 1：index.html引入同级文件夹里的图片（进门）h3相对路径演示 - 引入子文件夹里的图片/h3imgsrc="images/logo.jpg"alt="网站Logo"width=