别瞎 ../../ 了！文件路径一把梭
117
0
0
路径写错，服务器直接 404 给你看。记住两句话：
“出门”用绝对，“宅家”用相对。
一、绝对路径——直接报门牌号
<img src="https://cdn.example.com/img/pic.jpg">跨域、发邮件、做 RSS 必须用它，走到哪都不迷路；缺点就是长，搬家费劲。
二、相对路径——用“邻居”当参照
- 当前目录：
images/avatar.png→ 跟 html 文件同层找 images。 - 父目录：
../images/avatar.png→ 往上一层再进 images，别手滑写成../../调到姥姥家。 - 根目录：
/images/avatar.png→ 以站点根目录为起点，不管你在/pages/还是/blog/2024/，都指向同一张图，推荐。
速查表：
- 同文件夹：
style.css - 进子文件夹：
css/style.css - 退一层再进：
../css/style.css - 从根走起：
/css/style.css
一句话总结：
能 / 就 /，少写 ../ 保平安；绝对路径当外链，相对路径管内部，路径清爽，页面才不会迷路。
0
快来点个赞吧
发表评论
评论列表