آموزش HTML - پیوندهای ایمیل

پیوندهای ایمیل (mailto)

پیوندهای ایمیل در HTML به کاربران اجازه می‌دهند روی یک پیوند کلیک کنند و به‌طور خودکار برنامه پیش‌فرض ایمیل آن‌ها را با یک پیام جدید خطاب به نشانی ایمیل مشخص‌شده باز کنند.

این کار با استفاده از پروتکل mailto: در ویژگی href یک تگ <a> (لنگر) انجام می‌شود.

همچنین می‌توانید موضوع و متن ایمیل را با استفاده از پروتکل mailto: از قبل تعیین کنید. این کار با افزودن ?subject= و &body= به نشانی ایمیل انجام می‌شود. فاصله‌ها و نویسه‌های خاص در موضوع و متن ایمیل باید با قالب‌بندی مناسب برای URL کدگذاری شوند. برای مثال، فاصله‌ها به‌صورت %20 کدگذاری می‌شوند.

نحوه نگارش

کد HTML زیر یک پیوند ایمیل قابل کلیک ایجاد می‌کند که برنامه پیش‌فرض ایمیل کاربر را برای ارسال ایمیل به نشانی مشخص‌شده باز می‌کند:

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

نمونه‌هایی از پیوندهای ایمیل در HTML

در ادامه، چند نمونه برای نشان دادن نحوه استفاده از پیوند ایمیل در HTML ارائه شده است:

ایجاد پیوند ایمیل با استفاده از href

کد HTML زیر نحوه ایجاد یک پیوند ایمیل با استفاده از ویژگی href در تگ <a> را نشان می‌دهد.

<!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 به صفحه وب کار ساده‌ای است، اما ممکن است نشانی ایمیل شما را در معرض هرزنامه‌ها قرار دهد. برنامه‌های خودکاری که به آن‌ها جمع‌آوری‌کننده‌های نشانی ایمیل گفته می‌شود، می‌توانند صفحات وب را برای یافتن نشانی‌های ایمیل اسکن کنند و آن‌ها را به فهرست‌های هرزنامه اضافه کنند. این موضوع می‌تواند باعث افزایش قابل‌توجه ایمیل‌های ناخواسته شود.