如何将按钮链接到电子邮件地址

Question

我有一个按钮（用 CSS 设计）。 HTML 看起来像这样：

 <div class="button">Kontakt</div>

现在我想将按钮链接到一个电子邮件地址。以下解决方案无效。它在按钮中将电子邮件地址 ([e-mail]) 显示为文本。

 <div class="button"><a href="mailto:[e-mail]">Kontakt</a></div>

并且将 div 容器作为内部 HTML 元素的解决方案也不起作用：

 <a href="mailto:[e-mail]"><div class="button">Kontakt</div></a>

关于如何在链接到电子邮件地址的按钮上将“Kontakt”一词显示为文本的任何想法？

原文由 tom84 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

写吧

<a class="button" href="mailto:[e-mail]">Kontakt</a>

原文由 user1789997 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

简单的解决方案是用元素包裹按钮。

 <a href="mailto:[e-mail]">
<button class="button">Kontakt</button>
</a>

原文由 Slobodan Draksimovic 发布，翻译遵循 CC BY-SA 4.0 许可协议