我喜欢包含来自网络根目录(www)的图像。在 HTML 中,我使用以下代码:
<img src="images/logo.png" alt="logo" />
但是上面的代码是从当前目录中寻找图像,然后是 images/logo.png 我不想在我的 html 代码中包含绝对路径。有什么简单的方法可以做到吗?
您可以使用以斜杠开头的相对于 Web 根目录的路径。
<img src="/images/logo.png" alt="logo" />
正如您所发现的,没有斜线的开头是相对于当前文档的。
<img src="../../../images/logo.png" alt="logo" />
试试这样。每个“..”将用于去父目录
<img src="/images/logo.png" alt="logo" />
你必须以这种方式提及。原因是当你像这样提到没有斜线的路径时
`<img src="images/logo.png" alt="logo" />`
它会将其视为从根开始的路径。但是您实际上并没有提供完整的路径。不带斜线的程序是
<img src="c:/wamp/www/{proj name}/images/logo.png" alt="logo" />
所以最好以“/”开头的第一个