Html img src标签不显示图像

我正在尝试使用imgsrc标签在网页的页脚显示社交媒体图标（应该很简单）。图像没有显示，我找不到问题

html

我可能忽略了一些简单的东西，但请提前感谢

下面是我在浏览器中检查图像文件时得到的结果

下面是CSS内部类的代码

.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}

.inner {
    padding: 30px;
}

.site-wrapper-inner {
    vertical-align: middle;
}

打开控制台（在大多数浏览器中，右键单击+检查元素）查看图像的URL是否已损坏

您还可以单击它生成的URL。很可能路径开头的

/

不是您想要的。它指向根路径，而不是当前目录。尝试改用

images/twitter.png

您正在寻找的路径可能如下所示：

http://localhost/myproject/images/twitter.png

但由于首字母

/

，这是您的浏览器要查找的URL：

http://localhost/images/twitter.png

打开控制台（在大多数浏览器中，右键单击+检查元素）查看图像的URL是否已损坏

您还可以单击它生成的URL。很可能路径开头的

/

不是您想要的。它指向根路径，而不是当前目录。尝试改用

images/twitter.png

您正在寻找的路径可能如下所示：

http://localhost/myproject/images/twitter.png

但由于首字母

/

，这是您的浏览器要查找的URL：

http://localhost/images/twitter.png

---

修复了这个问题，我将路径重定向到了我的资产文件夹，即图像文件夹所在的位置

<img src="assets/twitter.png">

---

它成功了。我真的不知道为什么

修复了这个问题，我将路径重定向到了我的资产文件夹，即图像文件夹所在的位置

<img src="assets/twitter.png">

---

它成功了。我真的不知道为什么

一个好方法是通过查看具有损坏图像链接的页面的源代码，检查浏览器看到的URL。例如，在Firefox中通过工具-->Web开发者-->页面源，在Google Chrome中通过-->更多工具-->开发者工具-->元素。这有助于我查看浏览器看到的图像的URL，然后我移动了图像并更改了URL以使其正常工作。

一个好方法是查看具有损坏图像链接的页面的源代码，检查浏览器看到的URL。例如，在Firefox中通过工具-->Web开发者-->页面源，在Google Chrome中通过-->更多工具-->开发者工具-->元素。这有助于我查看浏览器为图像显示的URL，然后我移动了图像并更改了URL以使其正常工作。

正常工作确保路径正确。尝试images/twitter.png而不是/images/twitter.png。您可以为内部类添加css源代码吗？请确保您的图像名称正确。。并且没有像“#”这样的特殊字符，我注意到您没有关闭IMG标记…编译器检测到它为Text/HTMLWorks，请确保路径正确。尝试images/twitter.png而不是/images/twitter.png。您可以为内部类添加css源代码吗？请确保您的图像名称正确。。并且没有一些特殊字符，如“#”，我注意到您没有关闭IMG标记…编译器正在将其检测为Text/HTMLBe小心，您可能指向错误的文件夹或错误的图像。您可能有两个相同的twitter图像。如果这是一个即将上线的项目，当你在主机上安装时，它可能会中断。@nextstep我遇到了同样的问题，Chrome Canary 64中有一个透明的twitter徽标。你没有疯。。。这是一个类似的问题。图像以33kb 200代码的形式出现，但为0x0px。彩色版本加载正常。请小心，您可能指向了错误的文件夹或错误的图像。您可能有两个相同的twitter图像。如果这是一个即将上线的项目，当你在主机上安装时，它可能会中断。@nextstep我遇到了同样的问题，Chrome Canary 64中有一个透明的twitter徽标。你没有疯。。。这是一个类似的问题。图像以33kb 200代码的形式出现，但为0x0px。颜色版本加载正常。url是正确的，图像由于某些原因未显示url是正确的，图像由于某些原因未显示