HTML 页面未链接到同一文件夹中的其他页面答案

【问题标题】：HTML pages not linking to other pages in the same folderHTML 页面未链接到同一文件夹中的其他页面
【发布时间】：2016-07-05 06:28:21
【问题描述】：

我第一次尝试在 bootstrap 中设计一个网站，但遇到了一个我无法理解的问题。我在同一目录中有 5 页，包括索引页。

HTML

    <ul class="nav navbar-nav">
   <li>
      <a href="about.html">About</a>
   </li>
   <li>
      <a href="rules.html">Rules</a>
   </li>
   <li>
      <a href="join.html">Want to Join?</a>
   </li>
</ul>

当我从我的索引页面加载 About 和 Join 时，它们可以正常加载，但是当我尝试打开规则页面时，它会重定向到 parked-domain.org。

同样，当我在加入页面并尝试打开关于或规则页面时，我遇到了同样的问题。

我的目录下所有的html文件我都看不懂是什么问题？

有什么建议吗？

【问题讨论】：

这是您使用的实际 HTML 吗？听起来您的锚标记中有一个绝对 URL，但拼写错误或其他什么。
检查文件名本身的拼写——可能是“Rules.html”而不是“rules.html”，或者是“rules.htm”而不是...html——只是一个建议

标签： html css twitter-bootstrap web

【解决方案1】：

与 putvande 一样，怀疑这是否是您在所有这些文件中使用的实际 HTML，所以我建议您三重检查，但这里有一些想法。

如果确实发生了这种情况，您可能遇到了浏览器/操作系统错误，您正在测试什么浏览器和操作系统？

您可能想尝试在链接之前添加 ./ 以明确表示您希望它是同一目录中的相对 URL，例如 <a href="./rules.html">

【讨论】：

【解决方案2】：

我试图模拟这个问题。从任何其他页面打开任何页面时我都没有遇到任何问题。请在所有页面中尝试以下代码。那就试试吧。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Case</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WWW- WEB</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="index.html">Index</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="rules.html">Rules</a></li>
      <li><a href="join.html">Join</a></li>
    </ul>
  </div>
</nav>

THIS IS INDEX PAGE..!!

</body>
</html>

【讨论】：

【解决方案3】：

如果我理解正确，您的 rules.html 页面会自行重定向？？尝试通过输入将您的 URL 定向到 rules.html 页面：yourdomian.com/rules.html 如果它重定向我猜测您的 rules.html 页面中有一个重定向链接。希望这会有所帮助..

【讨论】：

我真的不明白为什么 park-domain.org？

【解决方案4】：

也许您希望您的 href 链接相对于您的基本目录（绝对路径）？如果您在www.example.com/folder/thispage.html 并且您的基本网址是www.example.com/，那么带有前导正斜杠href="/anotherpage.html" 的链接实际上将指向www.example.com/anotherpage.html

如果您确实需要相对链接，请尝试将 href 链接设为绝对路径 href="/folder/anotherpage.html" 并查看是否有效。也许您可能想通过将base 标记添加到您的HTML 标头来更改基本URL。见here

【讨论】：