我有一个名为＆＃39; html_playground＆＃39;的文件夹。在文件夹内＆＃39; www＆＃39;这是我的Wampserver的Web根目录。
在目录＆＃39; html_palyground＆＃39;我有一个名为＆＃39; demo.html＆＃39;的文件。其中包含以下HTML代码：
<!DOCTYPE html>
<html>
<body>
<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
</body>
</html>
在＆＃39; html_playground＆＃39; 文件夹中，还有另一个名为＆＃39; images＆＃39; 的文件夹，其中包含一个标题为的图片文件＆＃39; html5.gif＆＃39;
当我在浏览器中点击网址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属性值的开头斜杠？
有人请帮帮我。
感谢。
答案 0 :(得分：2)
开头的正斜杠指示浏览器解析相对于http://localhost/上的Web根目录的路径
正如您在评论中提到的，这将对应于文件系统上的www /目录。所以/html_playground/images/html5.gif应该有效
基本上，正斜杠只是将指定的路径附加到域。
答案 1 :(得分：1)
当你的源路径中有正斜杠时，它会相对于当前目录得到解析。所以它变成了http://localhost/html_playground/images/html5.gif。当没有正斜杠时，它将相对于根进行解析。
答案 2 :(得分：0)
图像/ html5.gif
上面的命令表明它是来自现有目录的相对路径。
就像你给/ images;它将它作为基本目录（它就像绝对路径）
答案 3 :(得分：0)
您也可以尝试./images/html5.gif：当相对到www/html_playground
此外，您必须小心绝对路径并尝试确切地知道根是什么： filesystem ， www ...它可以依赖于网络服务器。