HTML 文档无法识别图像文件夹答案

【问题标题】：HTML document won't recognize images folderHTML 文档无法识别图像文件夹
【发布时间】：2014-02-14 15:09:52
【问题描述】：

我有一个网页，它从我的htdocs 文件夹内的images 文件夹中抓取了几张图片，但它们总是显示断开的链接图标。

这是我的htdocs 文件夹中的层次结构：

index.html
style
    site.css
scripts
    site.js
images
    testing.png
    ...

我不明白 CSS 和 Javascript 是否正常，但图片无法加载

这是一些代码：

这些工作：

<script type="text/javascript" src="scripts/comic.js"></script>
<link rel="stylesheet" href="styles/comic.css"/>

但这不是：

<img id="img-0" src="images/testing.png"/>

【问题讨论】：

【解决方案1】：

你必须使用“../”返回一个目录，这就是他们被破坏的原因。

【讨论】：

【解决方案2】：

来自 index.html 的链接应该是：src='images/.....'

在搜索 images 目录之前，您应该使用 css：url(../images/.....) 回到根文件夹

【讨论】：

【解决方案3】：

我认为文件夹目录有问题。如果你的情况是这样

index.html
style
    site.css
scripts
    site.js
images
    img1.png
    img2.png

那么你必须使用这个（来自 index.html）：

src="images/img1.png"

如果你有这种情况：

index.html
style
    site.css
scripts
    site.js
img1.png
img2.png

那么你必须使用这个（来自 index.html）：

src="img1.png"

如果你有这种情况：

    index.html
    style
        site.css
    scripts
        site.js
img1.png
img2.png

那么你必须使用这个（来自 index.html）：

src="../img1.png"

【讨论】：