时间戳

首页 > 解决方案 > 为什么我的 HTML 页面可以在本地正确打开，但不能从服务器打开？

html - 为什么我的 HTML 页面可以在本地正确打开，但不能从服务器打开？

问题描述

我创建了一系列 HTML 文件，它们都使用相同的 CSS 表单来设置我需要放在学校服务器上的样式。我在图像文件夹中也有图像，结构如下所示：

public_html
 |
 +-- index.html
 |    
 +-- css
 |  |  
 |  +-- site.css
 |    
 +-- project1
 |  |  
 |  +-- index.html
 |  +-- account.html
 |  +-- schedule.html
 |  +-- images
 |      |
 |      +-- gargs.PNG

我首先从我的本地机器创建了所有这些，并且从那里一切正常。我的schedule.html文件有这个作为 CSS 参考：

<link href="../css/site.css" rel="stylesheet" type="text/css">

它在本地工作得很好，但我需要把它放在我拥有的学校服务器上，但是当我从 filezilla 打开它时，没有任何图像或样式存在。该public_html/project1/index.html文件有这个作为图像参考：

<image src="images/gargs.PNG" title="Axolotl" alt="My axolotl" width="300" height="400">

我很确定这是因为我没有正确使用相对路径，但是您发现它有什么问题吗？提前致谢！

**编辑：我也为我的图像尝试过这个（我想也许如果我从根开始它会起作用）<image src="/public_html/project1/images/gargs.PNG" title="Axolotl" alt="My axolotl" width="300" height="400">

标签： htmlcss

解决方案

那应该是

<link href="../../css/site.css" rel="stylesheet" type="text/css">

（在进入文件夹之前，您会上升 * 两个 * 级别css）

推荐阅读