Firefox在锚标记内的内容上添加了怪异的角落

Question

https://jsfiddle.net/cvjz1hoe/14/

<div>
  <a href="http://google.com">
    <div>
      <h2>Data</h2>
    </div>
  </a>
</div>

如果锚标签内的标签中有内容，当我关注它时，我的轮廓将具有怪异的角轮廓扩展名。在其他浏览器中没有看到此行为

Answer 1

建议不要将锚标记放在标头元素之外，而是建议将锚标记放在标头元素内。这样，您就可以避免Firefox上的怪异现象。

<h2>
  <a href="http://google.com">Data</a>
</h2>