html - 为什么我的页脚也有来自另一个容器的链接？

Question

我在 1 个容器中有 Facebook 和 Instagram 链接，还有另一个用于我的页脚的页脚容器。

我检查过所有 div 都已关闭，为什么链接(href)在我的页脚上也有效？我是编码新手，所以如果这里的任何代码有误，请纠正我!

这是 html 代码(使用 bootstrap 4):

<div class="container">
<div class="row">
    <div class="col-lg-8 col-md-7"></div>
    <div class="col-lg-1 col-md-1 col-sm-2 col-2">
      <a href="https://www.facebook.com/"><img src="svg/facebook.svg" style="max-width:37px;">
    </div>
    <div class="col-lg-1 col-md-1 col-sm-2 col-2">
      <a href="https://www.instagram.com/"><img src="svg/instagram.svg" style="max-width:37px;">
    </div>
    <div class="col-lg-2 col-md-3 col-sm-4"></div>
</div>
</div>


<footer class="footer">
  <div class="container col-12">
    <span class="footer">&copy; 2019 xxx Pte Ltd All Rights Reserved.</span>
  </div>
</footer>

我的页脚不应该有链接(href)!

Answer 1

您忘记了关闭 </a>标签:

<div class="container">
  <div class="row">
    <div class="col-lg-8 col-md-7"></div>
    <div class="col-lg-1 col-md-1 col-sm-2 col-2">
      <a href="https://www.facebook.com/"><img src="svg/facebook.svg" style="max-width:37px;"></a>
    </div>
    <div class="col-lg-1 col-md-1 col-sm-2 col-2">
      <a href="https://www.instagram.com/"><img src="svg/instagram.svg" style="max-width:37px;"></a>
    </div>
    <div class="col-lg-2 col-md-3 col-sm-4"></div>
  </div>
</div>


<footer class="footer">
  <div class="container col-12">
    <span class="footer">&copy; 2019 xxx Pte Ltd All Rights Reserved.</span>
  </div>
</footer>