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

时间:2016-03-18 13:16:59

标签: html css twitter-bootstrap web

我正试图在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>

当我从索引页面加载关于并加入时,它们加载正常,但是当我尝试打开规则页面时,它会重定向到parked-domain.org。

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

我有目录中的所有html文件,我无法理解这是什么问题?

有什么建议吗?

4 个答案:

答案 0 :(得分:0)

同样对putvande持怀疑态度,如果这是你在所有这些文件中使用的实际HTML,那么我建议你三重检查,但这里有一些想法。

如果确实发生了这种情况,您可能会遇到浏览器/操作系统错误,您正在测试哪种浏览器和操作系统?

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

答案 1 :(得分:0)

我试图模拟这个问题。从任何其他页面打开任何页面都没有任何问题。请在所有页面中尝试以下代码。然后试试。

<!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>

答案 2 :(得分:0)

也许您希望您的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标头来更改基本网址。见here

答案 3 :(得分:0)

如果我理解正确,您的rules.html页面会自行重定向? 尝试输入以下内容,将您的网址定位到rules.html页面:yourdomian.com/rules.html 如果它重定向我猜测你的rules.html页面中有一个重定向链接。希望这会有所帮助..