HTML - 电子邮件链接

HTML 电子邮件链接允许用户单击链接并自动打开其默认电子邮件客户端，其中包含由指定电子邮件地址组成的新消息。

这是使用 <a> 标签的 href 属性中的 mailto：协议完成的。

您还可以使用 mailto：协议预定义电子邮件的主题和正文。这是通过将？subject= 和 &body= 附加到电子邮件地址来完成的。主题和正文中的空格和特殊字符应采用 URL 编码。例如，空格编码为 %20。

语法


<a href= "mailto: name@email.com"> name@email.com </a>

HTML 电子邮件链接示例

以下是一些示例，说明了 HTML 电子邮件链接的用法，

使用 href 创建电子邮件链接

以下 HTML 代码说明了如何使用 <a> 标签的 href 属性创建电子邮件链接。


<!DOCTYPE html>
<html>

<body>
	 <p>
			Creating an HTML Email Link
	 </p>
	 <a href= "mailto: name@email.com"> 
			Click to Send Mail
	 </a>
</body>

</html>

在电子邮件链接中定义主题和正文

HTML 还允许指定默认的电子邮件主题以及电子邮件正文以及电子邮件地址，以使其更加具体。


<!DOCTYPE html>
<html>

<body>
	 <p>
			Creating an HTML Email Link
	 </p>
	 <a href="mailto:example@example.com?subject=Hello%20there&body=This%20is%20a%20predefined%20email%20body."> 
			Click here to Send Mail
	 </a>
</body>

</html>

在电子邮件链接中定义抄送和密件抄送

我们还可以使用 cc 和 bcc 参数来添加抄送和盲抄送收件人，如下例所示


<!DOCTYPE html>
<html>

<body>
	 <p>
			Creating an HTML Email Link
	 </p>
	 <a href= "mailto: name@email.com ?cc=cc@example.com &bcc=bcc@example.com >
			Send email with cc and bcc
	 </a>
</body>

</html>

多个收件人的电子邮件链接

也可以通过用逗号分隔多个收件人来将多个收件人添加到电子邮件链接中，如下面的 HTML 代码所示。


<!DOCTYPE html>
<html>

<body>
	 <p>
			Creating an HTML Email Link
	 </p>
	 <a href="mailto:recipient1@example.com, recipient2@example.com">
			Send email to multiple recipients
	 </a>
</body>

</html>

安全问题

将 HTML 电子邮件链接添加到您的网页很简单，但它可能会使您的电子邮件地址暴露于垃圾邮件。自动化程序，称为电子邮件收集器，可以扫描网页上的电子邮件地址并将其添加到垃圾邮件列表中。这可能会导致不需要的电子邮件显着增加。

打印本页