ลิงก์ Mailto – วิธีสร้างลิงก์อีเมล HTML [รหัสตัวอย่าง]

ลิงก์ mailto ช่วยให้ผู้ใช้สามารถส่งอีเมลได้โดยตรงจากเว็บไซต์โดยใช้โปรแกรมรับส่งเมลเริ่มต้นของผู้ใช้ แต่คุณจะสร้างลิงก์ mailto ใน HTML ได้อย่างไร

ในบทความนี้ ผมจะแนะนำวิธีการสร้างลิงก์ mailto ใน HTML โดยใช้โค้ดตัวอย่าง

พื้นฐาน mailto ลิงก์ไวยากรณ์

นี่คือไวยากรณ์พื้นฐานสำหรับลิงก์ mailto:

<a href="mailto:[email protected]">Example mailto link</a>

ในเบราว์เซอร์ ผู้ใช้สามารถคลิกที่ลิงก์และจะเปิดไคลเอ็นต์อีเมลเริ่มต้นขึ้น

ในตัวอย่างนี้ เมื่อฉันคลิกที่ลิงค์ มันจะเปิดแอพ Mail ของฉันขึ้นมา และที่อยู่อีเมลก็ถูกเติมลงใน to แล้ว สนาม.

ด้วยวิธีนี้ ฉันจะสามารถส่งอีเมลด่วนและกลับไปที่เว็บไซต์ได้

วิธีการเพิ่มที่อยู่อีเมลหลายรายการในลิงก์ mailto

คุณสามารถเพิ่มที่อยู่อีเมลหลายรายการในลิงก์ mailto โดยใช้ไวยากรณ์นี้:

<a href="mailto:[email protected], [email protected]">
    Multiple email addresses
</a>

สิ่งสำคัญคือต้องแยกที่อยู่อีเมลหลายรายการโดยใช้เครื่องหมายจุลภาค

เมื่อฉันคลิกที่ลิงค์ในเบราว์เซอร์ มันจะเปิด Mail แอพและเติมที่อยู่อีเมลใน to สนาม

วิธีการเพิ่มหัวเรื่องในลิงก์ mailto

นี่คือตัวอย่างโค้ดที่แสดงวิธีการเพิ่มหัวเรื่องในลิงก์ mailto

<a href="mailto:[email protected], [email protected]?subject=this is how to use the mailto link">
    Using the subject parameter
</a>

หลังจากที่อยู่อีเมล คุณต้องเพิ่ม ? เพื่อแยกอีเมลและ subject พารามิเตอร์. หากคุณละเว้น ? ลิงก์หัวเรื่องจะไม่ทำงาน

วิธีการเพิ่ม CC และ BCC ในลิงก์ mailto

นี่คือตัวอย่างที่แสดงวิธีการเพิ่มผู้รับ CC (สำเนาคาร์บอน) และ BCC (สำเนาลับตาบอด) ลงในลิงก์ mailto

<a
    href="mailto:[email protected], [email protected][email protected] &[email protected] &subject=this is how to use the mailto link">
    Using the CC and BCC parameters
</a>

หลังจากที่อยู่อีเมล คุณต้องเพิ่ม ? เพื่อแยกอีเมลและ CC พารามิเตอร์. คุณต้องเพิ่ม & . ด้วย ก่อน BCC และ subject พารามิเตอร์

วิธีการเพิ่มพารามิเตอร์ body ให้กับลิงก์ mailto

นี่คือตัวอย่างที่แสดงให้คุณเห็นถึงวิธีใช้พารามิเตอร์ body กับลิงก์ mailto วิธีนี้ช่วยให้คุณเพิ่มข้อความลงในเนื้อหาของอีเมลได้

<a
   href="mailto:[email protected], [email protected][email protected] &[email protected] &subject=this is how to use the mailto link &body=this is an article on how to use the mailto link">
    Using the body parameter
</a>

คุณต้องเพิ่ม & ก่อน body พารามิเตอร์

มีข้อเสียในการใช้ลิงก์ mailto หรือไม่

ข้อเสียอย่างหนึ่งของการใช้ลิงก์ mailto คือผู้ใช้มักถูกมองว่าเป็นสแปม ขออภัย นักส่งสแปมจำนวนมากจะใช้ตัวเลือกนี้เพื่อส่งอีเมลไปยังผู้ใช้ ดังนั้นโปรดจำไว้เสมอว่าคุณกำลังใช้งานอยู่

ข้อดีของการใช้ลิงก์ mailto

เหตุผลที่ดีในการใช้ลิงก์ mailto คือถ้าคุณกำลังส่งอีเมลไปยังกลุ่มคนที่คุณรู้จัก หากทั้งกลุ่มใช้โปรแกรมรับส่งเมลเริ่มต้น การใช้ลิงก์ mailto จะเป็นตัวเลือกที่ดีกว่าแบบฟอร์มติดต่อ