html导航标签-单击页面上的任意位置会打开链接问题

Question

我有一些HTML。

<h4><a href="#">MERN-Shopping-List</a></h4>

如果我们不理会#是因为我知道在那里放置的任何链接只会导致我能够单击页面上的任意位置并转到该页面，这不是我想要实现的。

这部分HTML位于其中：

<div class="row align-items-center no-gutters mb-4 mb-lg-5">
  <div class="col-xl-8 col-lg-7">
    <img class="img-fluid mb-3 mb-lg-0" src="img/mern.png" alt="">
  </div>
  <div class="col-xl-4 col-lg-5">
    <div class="featured-text text-center text-lg-left">
      <h4><a href="#">MERN-Shopping-List</a></h4>
      <p class="text-black-50 mb-0">This application allows you to register, log in, and log out users and be able to add and delete items to the list. This shopping list was built with the MERN stack with Redux.</p>
    </div>
  </div>
</div>

我已将锚标记放在正确的h4标记内，那么为什么允许我单击任意位置仍然可以访问该链接？

我还有其他h4标签，它们也需要附加单独的链接。