页面之间的链接不起作用 HTML

Question

大家好，我在链接 html 页面时遇到问题，我有以下代码

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="index.html"><img style="max-width:100px; margin-top: -7px;" src="Test.jpg"></a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="index.HTML">Homepage</a></li>
      <li><a href="product.HTML">Product</a></li>
      <li><a href="account.HTML">Account</a></li>
      <li><a href="FAQ.HTML">FAQ</a></li>
      <li><a href="Aboutus.HTML">About US</a></li>
      <li><a href="Contact.HTML">Contact</a></li>

    </ul>
  </div>
</nav>

当我点击一个菜单项时，它会打开，但当我点击第二个时，它会在 url 中显示

file:///C:/Users/Desktop/PROJECT%20WEBSITE/FAQ.HTML#

它在末尾广告一个 # 并且没有打开下一页，有人可以帮我吗

Answer 1

其他文件是否包含与您的导航代码相同或相似的版本？示例：

index.html 包含

<ul class="nav navbar-nav">
  <li class="active"><a href="index.html">Homepage</a></li>
  <li><a href="product.html">Product</a></li>
</ul>

product.html 包含：

<ul class="nav navbar-nav">
  <li class="active"><a href="product.html">Product</a></li>
  <li><a href="index.html">Homepage</a></li>
</ul>

注意它们是如何包含自己独特的导航代码的。您必须记住，当您导航到另一个 html 文件时，只有在该文件中编写的代码才能被浏览器使用。