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

时间:2017-12-24 23:25:31

标签: html bootstrap-4

大家好,我有一个与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>

当我点击它打开的一个菜单项时,但是当我点击第二个菜单项时它会在网址中显示

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

最后在#广告#并且没有人打开下一页可以有人帮助我

1 个答案:

答案 0 :(得分:2)

其他文件是否包含相同或类似的导航代码版本?例如:

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文件时,只有浏览器使用该文件时写的代码。