无法从顶部导航菜单连接页面

Question

我目前在将顶部导航菜单连接到每个页面时遇到问题。

我只停留在主页选项卡上，无法访问：关于页面、投资组合页面或联系页面。

有人可以帮忙吗？

谢谢。

<div class="topnav" id="myTopnav">
  <a href="#index" class="active">Home</a>
  <a href="#About">About</a>
  <a href="#Portfolio">Portfolio</a>
  <a href="#Contact">Contact</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>

Answer 1

每个页面的链接标签都有一个 href 值，其中包含一个锚点“#”标签。这是为了引用当前 html 页面上的某些内容。 （不是另一页）。您应该在 href 中提供每个页面的相对路径：

<a href="/about.html">About</a>

根据您的文件所在的目录，您可以为每个页面执行此操作。