Html Jade/PUG在其他a内插入标签a

这是我的帕格/JADE代码如下

a(href="#card")
  div.tile 
    h1 open card

    #card
      a(href="#") click to close

但是此代码打印不正确，

.tile

已打印出

我需要此代码以便：

<a href="#card">
  <div class="tile"> 
    <h1>Open card</h1>
    <div id="card">
      <a href="#">click to close</a>
    </div>
  </div>
</a>

链接中的链接是无效的HTML。Jade可能在内部使用HTML构建器来更正语法。如果您手工编写您认为需要的HTML并在浏览器中查看它，您应该会看到相同的结果-它会将第二个

标记移到第一个标记的外面。
我有一个类似的用例，我需要一个DOM元素，在一个位于锚标记内的div中有一个click处理程序

我使用span作为内部可单击元素，并使用JavaScript函数addEventListener。记住在内部可单击元素上使用event.preventDefault（），这样就不会触发封闭锚标记上的href。
这是完全无效的HTML。不要那样做。链接中的链接就像把西瓜放在西瓜里一样。这有意义吗？可能不会。
<a href="#card">
  <div class="tile"> 
    <h1>Open card</h1>
    <div id="card">
      <a href="#">click to close</a>
    </div>
  </div>
</a>