href链接适用于一项，但不适用于另一项

Question

我有一个index.html，其中包括：

<li>
   <a href="imprint.html#imprint-link">
   <div class="main-menu-title">IMPRINT</div>
   </a>
</li>

当我单击此项目时，另一个html文件（imprint.html）被加载，但是当我单击“主页”时，它包含以下代码以返回index.html，它不起作用！

<a href="#index-link">
   <div class="main-menu-title">HOME</div>
</a>

这是怎么了？

更新1：将鼠标悬停在链接上时，我得到：

Answer 1

尝试使用此代码：

     <a href="index.html">
           <div class="main-menu-title">HOME</div>
     </a>

代替：

     <a href="#index-link">
        <div class="main-menu-title">HOME</div>

     </a>

Answer 2

回答您的原始问题。

  

这是怎么了？

由于已经有两个友善的人对此发表了评论，而一个人已经提供了一个不错的解决方案，请点击您原始的链接

href="#index-link"

进入 imprint.html 页面时

不会将您带到 index.html 页面。为什么？因为

<a href="#index-link">
  <div class="main-menu-title">HOME</div>
</a>

说，“将我带到当前页面（imprint.html）上，其ID为'index-link'。如果没有元素的ID设置为 index-link ，在imprint.html页面上什么也不会发生，而且，您将停留在当前页面上，因为您未在当前页面之外指定URL，该URL仍为 imprint.html

因此，使用当前的设置，您将看不到 index.html 。