为什么我的导航栏链接只能在主页上使用？

Question

由于某种原因，我的导航栏内容只能指向我网站主页上的正确页面。在其他页面上，如果我尝试通过导航栏导航到新页面，则会收到 404 错误。我使用 w3 school 的模板来创建酒吧。有人知道我做错了什么吗？

HTML：

<!-- Navbar (sit on top) -->
<div class="w3-top">
  <div class="w3-bar w3-white w3-wide w3-padding-small w3-card">
      <div id = homeID>
    <a href="index.php" class="w3-bar-item w3-button r-logo">Home</a>
    </div>
    <!-- Float links to the right. Hide them on small screens -->
    <div class="w3-right w3-hide-small">
    
    <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button r-font">Shop A</button>
      <div class="dropdown-content r-font">
        <a href="pages/a-clothing.php">Clothing</a>
        <a href="pages/a-makeup.php">Makeup</a>
        <a href="pages/a-skin+hair.php">Skin + Hair</a>
        <a href="pages/a-accessories.php">Accessories</a>
        <a href="pages/a-household.php">Homeware</a>
      </div>
    </div>
           
    <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button r-font">Shop B</button>
      <div class="dropdown-content r-font">
        <a href="pages/b-clothing.php">Clothing</a>
        <a href="pages/b-makeup.php">Makeup</a>
        <a href="pages/b-skin+hair.php">Skin + Hair</a>
        <a href="pages/b-accessories.php">Accessories</a>
        <a href="pages/b-household.php">Homeware</a>
      </div>
    </div>
    
    <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button r-font">Shop C</button>
      <div class="dropdown-content r-font">
        <a href="pages/c-clothing.php">Clothing</a>
        <a href="pages/c-makeup.php">Makeup</a>
        <a href="pages/c-skin+hair.php">Skin + Hair</a>
        <a href="pages/c-accessories.php">Accessories</a>
        <a href="pages/c-household.php">Homeware</a>
      </div>
    </div>
    
     <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button reddo-font">Shop D</button>
      <div class="dropdown-content r-font">
        <a href="pages/d-clothing.php">Clothing</a>
        <a href="pages/d-makeup.php">Makeup</a>
        <a href="pages/d-skin+hair.php">Skin + Hair</a>
        <a href="pages/d-accessories.php">Accessories</a>
        <a href="pages/d-household.php">Homeware</a>
      </div>
    </div>
    
      </div>
    </div>
  </div>

Answer 1

（更新 31/03/21）404 表示服务器无法从您提供的路径中找到文件。请将所有 pages/**.php 文件移动到 index.php 所在的主文件夹。然后在上面的当前代码中，删除所有 href 的所有前缀“pages/”。然后将编辑后的导航栏代码重新用于所有其他页面。

<!-- Navbar (sit on top) -->
<div class="w3-top">
  <div class="w3-bar w3-white w3-wide w3-padding-small w3-card">
      <div id = homeID>
    <a href="index.php" class="w3-bar-item w3-button r-logo">Home</a>
    </div>
    <!-- Float links to the right. Hide them on small screens -->
    <div class="w3-right w3-hide-small">
    
    <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button r-font">Shop A</button>
      <div class="dropdown-content r-font">
        <a href="a-clothing.php">Clothing</a>
        <a href="a-makeup.php">Makeup</a>
        <a href="a-skin+hair.php">Skin + Hair</a>
        <a href="a-accessories.php">Accessories</a>
        <a href="a-household.php">Homeware</a>
      </div>
    </div>
           
    <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button r-font">Shop B</button>
      <div class="dropdown-content r-font">
        <a href="b-clothing.php">Clothing</a>
        <a href="b-makeup.php">Makeup</a>
        <a href="b-skin+hair.php">Skin + Hair</a>
        <a href="b-accessories.php">Accessories</a>
        <a href="b-household.php">Homeware</a>
      </div>
    </div>
    
    <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button r-font">Shop C</button>
      <div class="dropdown-content r-font">
        <a href="c-clothing.php">Clothing</a>
        <a href="c-makeup.php">Makeup</a>
        <a href="c-skin+hair.php">Skin + Hair</a>
        <a href="c-accessories.php">Accessories</a>
        <a href="c-household.php">Homeware</a>
      </div>
    </div>
    
     <div class="dropdown">
      <button class="dropbtn w3-bar-item w3-button reddo-font">Shop D</button>
      <div class="dropdown-content r-font">
        <a href="d-clothing.php">Clothing</a>
        <a href="d-makeup.php">Makeup</a>
        <a href="d-skin+hair.php">Skin + Hair</a>
        <a href="d-accessories.php">Accessories</a>
        <a href="d-household.php">Homeware</a>
      </div>
    </div>
    
      </div>
    </div>
  </div>