相对路径与绝对路径
路径告诉浏览器"去哪里找这个文件"。绝对路径是从域名开始的完整地址；相对路径则以当前文件所在位置为起点，用 ./ 表示当前目录、../ 表示上一级目录。站内资源用相对路径，将来整站换域名或改目录时链接依然有效。
第三种写法是以 / 开头的"根相对路径"，表示从网站根目录出发，例如 /images/logo.png。它在服务器环境下很好用，但直接双击本地 HTML 文件打开时会失效，因为本地没有"网站根目录"的概念。
排错技巧：图片显示不出来时，八成是路径写错了。在浏览器开发者工具的 Console 里会看到 404 提示，对照真实目录结构逐级检查即可。
本节要点相对路径以当前文件为起点（
../ 上级、./ 当前）；/ 开头从网站根找；站内用相对路径，站外用完整 URL。HTML
<!-- 假设目录结构：site/index.html、site/css/style.css、site/images/logo.png --> <!-- 子目录：先进入文件夹再找文件 --> <link rel="stylesheet" href="css/style.css"> <img src="images/logo.png" alt="站点标志"> <!-- 上一级目录：用 ../ --> <a href="../about.html">返回上一级页面</a> <!-- 根相对路径：从网站根目录出发，本地双击打开时无效 --> <img src="/images/logo.png" alt="根目录下的标志"> <!-- 绝对路径：完整 URL，用于站外资源 --> <a href="https://developer.mozilla.org/">MDN 文档</a>
