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>

在郵件連結中定義抄送和密送

我們還可以使用抄送和密送引數來新增抄送和密送收件人，如下例所示

<!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 郵件連結很簡單，但它可能會將您的郵箱地址暴露給垃圾郵件。稱為郵件收集器的自動化程式可以掃描網頁以查詢郵箱地址並將它們新增到垃圾郵件列表中。這可能會導致不需要的郵件數量顯著增加。

列印頁面