HTML中如何从C:\到D:\实现相对寻址？

嘿，咱们先把问题拆解清楚：你的HTML文件在C:\根目录，图片在D:\temp\img.jpg。首先得说清楚一个关键点：在Windows系统里，不同盘符（比如C盘和D盘）是完全独立的目录树，所以严格来说，你没法用真正意义上的相对路径去访问另一个盘符里的文件——因为相对路径是基于当前文件所在目录的上下级关系，而C盘根目录已经是最顶层了，没有“上级目录”能跨到D盘。

不过有两种解决办法：

办法1：调整文件结构（推荐，符合相对路径的使用场景） #

把图片移到和HTML文件同一个盘符下，这样就能用标准的相对路径了：

• 举个例子：在C:\下新建一个名为assets的文件夹，把img.jpg移进去，那么HTML里的图片路径就可以写成：

  <img src="./assets/img.jpg" alt="示例图片">
  

  这里的./表示当前目录（也就是HTML所在的C:\），assets/img.jpg就是从当前目录往下找assets文件夹里的图片。
• 如果直接把图片放到C:\根目录和HTML文件同级，路径更简单：

  <img src="img.jpg" alt="示例图片">
  

办法2：跨盘符的特殊写法（不算纯相对路径，但能满足你的需求） #

如果你实在不想移动文件，也可以用一种类似相对路径的写法，但本质上还是依赖盘符标识：

<img src="../D:/temp/img.jpg" alt="示例图片">

这里的../是尝试从当前目录（C:\）往上跳，虽然C盘根目录没有上级，但Windows会识别后面的盘符，从而定位到D盘的文件。不过这种写法兼容性可能不如同盘符的相对路径，所以还是更推荐第一种办法。

总结一下，相对路径的核心是文件和资源在同一个目录树里，所以调整文件结构是最稳妥的方案~

内容的提问来源于stack exchange，提问作者Mahrad