2016-11-09 48 views
0

我有一个名为'html_playground'的文件夹'www'内的文件夹,这是我Wampserver的Web根目录。为什么图像源中的正斜杠不起作用?

目录内的“html_palyground”我已经机管局文件名为“demo.html”包含以下HTML代码:

<!DOCTYPE html> 
<html> 
<body> 

<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> 

</body> 
</html> 

里面的文件夹“html_playground”有一个标题为另一个文件夹“图像”包含名为“html5.gif”图像文件

当我打的网址http://localhost/html_playground/demo.html在我的浏览器,我无法看到图像HTML5。 gif。为什么这样?

然后我试着用下面的HTML代码:

<img src="images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> 

然后起身显示的图像。

所以,我的问题是为什么当我在src属性值的开头添加正斜杠时它不起作用?我在src属性的值的开头添加了一个正斜杠,我犯了什么错误?

什么时候应该在图像标签的src属性的值的开头转发斜杠?

有人请帮帮我。

感谢。

回答

2

开头的正斜杠指示,正如你在评论这对应于文件系统上的WWW /目录中提到的解决上http://localhost/

相对于Web根目录的路径浏览器。所以/html_playground/images/html5.gif应该工作

基本上正斜杠只是将指定的路径附加到域。

0

图像/ html5.gif

上述命令表明它是从现有的目录相对路径。

如果你给/图像;它把它作为一个基本目录(这就像绝对路径)

0

您可以尝试./images/html5.gif还有:领先斜线让你的路径绝对当它是相对www/html_playground

而且你必须是小心绝对路径和实验,以确切知道什么是根:文件系统,www ...它可以依赖于网络服务器。

1

问题是当源路径中存在正斜杠时,它将相对于当前目录得到解析。所以它变成http://localhost/html_playground/images/html5.gif。当没有正斜杠时,它将相对于根进行解析。

相关问题