按钮不会链接到其他页面

Question

在https://bm-translations.de/dolmetscher-franzoesisch-deutsch.php上，您可以看到按钮不起作用，我不知道原因。

结构是这样的：

<button>
   <a href="https://bm-translations.de/#kontakt" target="_blank">Click here</a>
</button>

我做错了什么？

Answer 1

由于a标记位于button内，因此可点击的填充区域不属于链接。您可以做的是反转结构，以便a是button的父级。

<a href='#'>
  <button type='button'>
    Contact
  </button>
</a>

示例： https://jsfiddle.net/hh6eu4kL/

<强>测试： Edge / Firefox / Chrome