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