如何将电子邮件链接添加到 HTML 中的图标？答案

【问题标题】：How do you add an email link to an icon in HTML?如何将电子邮件链接添加到 HTML 中的图标？
【发布时间】：2020-01-15 19:35:55
【问题描述】：

我的网站上有一个图标导航栏。当查看者点击徽标时，他们将被引导至不同的网站。（如果他们点击 facebook 标志，他们将被引导至 facebook。如果他们点击 instagram 标志，他们将被引导至 instagram。）

我有一个电子邮件徽标。当查看者点击它时，我希望他们被引导到他们的电子邮件应用程序，以便他们可以发送电子邮件。这是我尝试过的：

<a href="myemailaddress@gmail.com"> <img src=images/navigation_icon/email.png"> </a>

为什么这不起作用？

【问题讨论】：

标签： html css

【解决方案1】：

这应该可行：

<a href='your link' target='_blank'>

      <i class='fa fa facebook'></i>
</i>
</a>

【讨论】：

【解决方案2】：

您需要在电子邮件地址中添加mailto: 作为前缀

<a href="mailto:myemailaddress@gmail.com"> <img src="images/navigation_icon/email.png"> </a>

这应该适合你

请记住，以这种“开放”方式设置电子邮件地址不是推荐的链接方式，因为垃圾邮件机器人可能会获取地址_

在此处阅读有关保护链接的更多信息 >>> Hide Email Address from Bots - Keep mailto:

还要注意此答案下方的 cmets_，因为您的原始代码中有错误

【讨论】：