html-从子折叠中选择根文件夹的图像

假设以下是我网站的目录结构:

现在在sub.html中,我可以简单地引用如下图像:

但是我想从sub.html引用相同的图像。src应该是什么?


../images/logo.png将您移回一个文件夹。

/images/logo.png将您移回两个文件夹。

/images/logo.png不管您身在何处,都将带您回到根文件夹。


您可以使用相对路径引用图像:

__ ______ ________
| | |
| | |___ 3. Get the file named "logo.png"
| |
| |___ 2. Go inside "images/" subdirectory
|
|
|____ 1. Go one level up

或者,您可以使用绝对路径:/表示这是服务器上的绝对路径,因此,如果您的服务器位于[https://example.org/,]从任何页面引用/images/logo.png都将指向

[https:// example .org / images / logo.png]
|______ ________
| | |
| | |___ 3. Get the file named "logo.png"
| |
| |___ 2. Go inside "images/" subdirectory
|
|
|____ 1. Go to the root folder


相对参考将是

如果您知道相对于服务器根目录的位置,那么对于具有复杂嵌套目录层次结构的应用程序来说,这可能是最简单的方法-所有文件夹中的设置都相同。

例如,如果问题中描述的目录树相对于服务器的根目录,则index.html和sub_folder / sub.html都将使用:

如果images文件夹位于服务器根目录下的应用程序之类的目录中,例如foo(例如http://www.example.com/foo),则index.html(http://www.example.com/foo/index.html)例如和sub_folder / sub.html(http://www.example.com/foo/sub_folder/sub.html)都使用:


您的index.html可以执行2582830221221168168,而从sub.html中可以执行src="../images/logo.png"


../将您带到目录树的一个文件夹。 然后,选择适当的文件夹及其内容。

../images/logo.png


当您将文件上传到服务器时,请小心,某些主题的图像将不会出现在网页上,并且会出现崩溃的图标,这意味着当您具有以下文件结构时,代码路径没有正确排列或编码,代码应 像这样文件结构:->网络(主文件夹)   -> images(子文件夹)-> logo.png(子文件夹中的图像)以上代码如下:

如果您通过忽略文件结构将文件上传到Web服务器如果您不直接上传文件而没有创建文件夹网站,那么您的图像将被破坏而看不到图像,然后按如下所示更改代码

谢谢-> vamshi krishnan


当您将文件上传到服务器时,请小心,某些主题的图像将不会出现在网页上,并且将出现崩溃的图标,这意味着当您具有以下文件结构时,代码路径没有正确排列或编码,代码应 像这样的文件结构:-> web(主文件夹)-> images(子文件夹)-> logo.png(子文件夹中的图像)以上代码如下:

如果您通过忽略文件结构而不将文件结构上传到Web服务器而没有创建文件夹网站,那么如果您直接上传文件,则图像将被破坏而看不到图像,然后按以下方式更改代码

谢谢-> vamshi krishnan