Html 上载到web服务器时链接文件不工作_Html_Css_Linux_Apache

Html 上载到web服务器时链接文件不工作

html css linux apache

Html 上载到web服务器时链接文件不工作,html,css,linux,apache,Html,Css,Linux,Apache,我一直在为我的学校开发这个网站，当我在本地（atom/wamp/etc…）工作时，一切都很好，但是当我将文件上传到我的web服务器（旧笔记本电脑我安装了ubuntu 18.04和lamp服务器）时，css文件、图像和href链接都不起作用。我知道这是在本地工作的文件路径中出现的问题，但在上传到linux服务器时并没有，因为“./”指向根目录或其他什么这就是index.php在本地服务器上的外观这就是它在Web服务器上的外观这就是我的文件的组织方式（使用tree windows cmd

我一直在为我的学校开发这个网站，当我在本地（atom/wamp/etc…）工作时，一切都很好，但是当我将文件上传到我的web服务器（旧笔记本电脑我安装了ubuntu 18.04和lamp服务器）时，css文件、图像和href链接都不起作用。我知道这是在本地工作的文件路径中出现的问题，但在上传到linux服务器时并没有，因为“./”指向根目录或其他什么

这就是index.php在本地服务器上的外观

这就是它在Web服务器上的外观

这就是我的文件的组织方式（使用tree windows cmd生成）

以下是我的一些文件样本：

index.php（在我网站的主目录中）


Accueil CFTC

我的头文件（在/includes/header.html中），（链接的css在/css/header.css中）

不会把所有的代码都放进去，因为它只是重复自己

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="/css/header.css">
  <link rel="icon" type="image/png" sizes="32x32" href="../../IMAGES\favicon\favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="../../IMAGES/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <title>Header</title>
</head>


<body>
  <header>
  <div id="header_bar">
    <div id="header_bar_text" class="gpd-text">Syndicat Constructif, Partenaire du Dialogue Social
    </div>
  </div>
  <nav>
    <div href="/index.php" id="logo_header"><img src="/images/logo_header.png"></div>
    <label for="drop" class="toggle">Menu</label>
    <input type="checkbox" id="drop"/>
    <ul class="menu">
      <li><a target="_blank" href="/index.php">Accueil</a></li>
      <li>
        <label for="drop-1" class="toggle">Connaitre la CFTC +</label>
        <a target="_blank" href="/pages/connaitre_la_cftc/connaitre_la_cftc.php">Connaitre la CFTC</a>
        <input type="checkbox" id="drop-1" />
        <ul>
          <li><a target="_blank" href="/pages/connaitre_la_cftc/histoire.php">Histoire</a></li>
          <li><a target="_blank" href="/pages/connaitre_la_cftc/valeurs_et_identite.php">Valeurs et Identité</a></li>
        </ul>
      </li>


标题
社会对话联盟
菜单



美国商品期货交易委员会+

还有一个我在网站上看到的页面示例（只举一个示例，因为它们都是相同的“布局”）（除了页眉和页脚以及“acueil”之外，所有页面都在同一文件夹中有它们的.css文件）


美国商品期货交易委员会

只是想说，不仅css文件没有链接，图像和字体也没有链接。谢谢你的阅读，我会接受任何形式的帮助

很少有事情<代码>“../../IMAGES\favicon\favicon-32x32.png”可能不会在web服务器上运行。如果xxx.com是您的站点，并且您的图像位于（webroot）/images/，那么只需链接到

/images/favicon/favicon-32x32.png

css也是如此。。只要确保目录排好就行了。在您的示例中，您正试图使用

但是，你说你的css文件在css文件夹中？因此，或许可以尝试一下

相反

老实说，如果不看到页面处于活动状态，这是很难帮助的，但是如果您怀疑有什么东西正在加载，请检查源代码并尝试直接转到该文件（右键单击，按inspect source，然后单击href查看它是否加载，以及尝试从何处加载）。然后，您可以在服务器上移动内容，直到它正常工作。

谢谢，我的.css文件位于每个页面的同一文件夹中，如pages/page1/page.html和page.cssHmm。好的，应该可以了。。对于未正确加载css的截屏页面，当您尝试直接转到css文档时会发生什么情况？它能装吗？如果没有，它试图访问的url是什么？事实上，解决方案甚至比这更简单，我已经再次阅读了你的答案，并使用了你给我的关于inspect元素的提示，css文件链接到了www目录，我只在所有内容的前面添加了/site_name/就行了。。谢谢你，伙计！

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="icon" type="image/png" sizes="32x32" href="../IMAGES\favicon\favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../IMAGES/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <title>Accueil CFTC</title>
  </head>

  <body>
    <?php include ('includes/header.html'); ?>
    <?php include ('includes/accueil.html'); ?>
    <br><br><br><br><br><br><br><br><br><br>
 </body>
   <?php include ('includes/footer.html'); ?>
</html>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="/css/header.css">
  <link rel="icon" type="image/png" sizes="32x32" href="../../IMAGES\favicon\favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="../../IMAGES/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <title>Header</title>
</head>


<body>
  <header>
  <div id="header_bar">
    <div id="header_bar_text" class="gpd-text">Syndicat Constructif, Partenaire du Dialogue Social
    </div>
  </div>
  <nav>
    <div href="/index.php" id="logo_header"><img src="/images/logo_header.png"></div>
    <label for="drop" class="toggle">Menu</label>
    <input type="checkbox" id="drop"/>
    <ul class="menu">
      <li><a target="_blank" href="/index.php">Accueil</a></li>
      <li>
        <label for="drop-1" class="toggle">Connaitre la CFTC +</label>
        <a target="_blank" href="/pages/connaitre_la_cftc/connaitre_la_cftc.php">Connaitre la CFTC</a>
        <input type="checkbox" id="drop-1" />
        <ul>
          <li><a target="_blank" href="/pages/connaitre_la_cftc/histoire.php">Histoire</a></li>
          <li><a target="_blank" href="/pages/connaitre_la_cftc/valeurs_et_identite.php">Valeurs et Identité</a></li>
        </ul>
      </li>

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="icon" type="image/png" sizes="32x32" href="../../IMAGES\favicon\favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../../IMAGES/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="stylesheet" href="connaitre_la_cftc.css">
    <title>Connaitre la CFTC</title>
  </head>

  <!-- HEADER DE LA PAGE -->
   <?php include ('../../includes/header.html'); ?>

  <body>
    <br>
    <div id="i16x">
      <a href="histoire.php" class="gpd-button1" id="i6rl">Histoire</a>
      <a href="valeurs_et_identite.php" class="gpd-button1" id="ik2f">Valeurs et identité</a>
    </div>
    <br>
 </body>

  <!-- FOOTER DE LA PAGE -->
  <?php include ('../../includes/footer.html'); ?>
</html>