一旦HTML文件托管在服务器上，我的CSS和图像就不会加载。为什么？

Question

我将网站托管在家用服务器上，因此我们不会通过第三方。 即使我已经链接了CSS，该文件与HTML都位于同一区域，并且所有图像都只设置了一个文件，但基本HTML却没有任何显示。

如果您遇到了HTML文件无法正常工作的问题，请先告诉我们，该文件托管在我们的服务器上，并且您已对其进行了修复。 谢谢！

当我仅将HTML文件加载到浏览器（chrome）中时，一切都会很好地显示出来，但是一旦尝试托管它，看起来就不会一样了。

这是一些我用来链接CSS文件和图像的代码，目的是确保那里没有错误：

<head>
  <title>Alexandra ReganHolzheimer</title>
  <link href="pages_style.css" rel="stylesheet" type="text/css" 
media="screen">
</head>

对于图像：

<div class="container">
  <img src="img/me3.jpg" alt="me" class="logo">
</div>

更新：我想我明白了。 问题出在我的服务器不喜欢下划线，而且很多情况下都区分大小写。 您的建议非常有帮助，使我走上了正确的道路。 谢谢！

Answer 1

一旦您将URL加载到浏览器上。 然后查看页面源。 在pagesource中，请检查您的CSS是否正确加载。 如果错误意味着请纠正它，然后重新加载。

Answer 2

当我尝试将我的一个学习项目托管到服务器上时，我遇到了类似的问题。 我通过使所有参考都相对来解决它。

例如：如果您的文件结构如下：

your_project / pages_style.css index.html img/

只需在index.html img/me3.jpg路径从img/me3.jpg为./img/me3.jpg 。

希望对您有所帮助。 :)

一旦HTML文件托管在服务器上，我的CSS和图像就不会加载。 为什么？