html中相对路径的问题?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中相对路径的问题?相关的知识,希望对你有一定的参考价值。

我在做一个网站,是这样子的:我在E盘下建了一个文件夹site又在文件夹site下建了一个文件夹images,images文件夹下有一个一张图片是p—1.jpg图片,在site文件夹下又有一个html文件,现在我在html文件里插入这张p—1.jpg图片,用相对路径的方式这样写<img src="../../3-p1.jpg">为什么没有用?
写全的话就是绝对路径,那个当然有用,关键是现在我用的是相对路径,请问哪里写错了?
关键我用的是相对路径,只有用相对路径 上线后网站图片才会正常显示
我的图片名称是3-p1.jpg

相对路径,是图片相对你的HTML文件而言,不是你的图片文件相对根目录而言

如果你的网站根目录是site,你的图片文件相对你的html文件,相对路径是
images/p—1.jpg
如果你想从根目录开始,就写成这样
/images/p—1.jpg
以/开头表示从web根目录开始

你的 images 文件夹和引用图片的html文件都在site下面,他们是并列关系
在html中引用图片,相对路径直接从images开始, 即
images/p—1.jpg
参考技术A 如果网站根文件夹是 site ,则这样 <img src="~/images/3-p1.jpg"> 参考技术B 用相对路径的方式这样写<img src="images/p—1.jpg"> 参考技术C 地址写全

以上是关于html中相对路径的问题?的主要内容,如果未能解决你的问题,请参考以下文章

html文件上如何设置上下文相对路径?

HTML中如何设置超链接相对路径

delphi 打开本机相对路径的.html文件

相对路径与绝对路径的含义

node.js中static相对路径怎么写

C# 相对路径转换成绝对路径。