Computer >> Máy Tính >  >> Phần mềm >> Thư

Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ]

Liên kết mailto cho phép người dùng gửi email trực tiếp từ một trang web bằng ứng dụng email khách mặc định của người dùng. Nhưng làm cách nào để bạn tạo một liên kết mailto trong HTML?

Trong bài viết này, tôi sẽ hướng dẫn bạn cách tạo liên kết mailto trong HTML bằng mã ví dụ.

Đây là cú pháp cơ bản cho liên kết mailto:

<a href="mailto:johndoe@fakeemail.com">Example mailto link</a>

Trong trình duyệt, người dùng có thể nhấp vào liên kết và nó sẽ mở ứng dụng email mặc định của họ.

Trong ví dụ này, khi tôi nhấp vào liên kết, nó sẽ mở ra ứng dụng Thư của tôi và địa chỉ email đã được điền trong to đồng ruộng.

Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ] Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ]

Sử dụng phương pháp này, tôi sẽ có thể gửi một email nhanh chóng và quay trở lại trang web.

Bạn có thể thêm nhiều địa chỉ email vào liên kết mailto bằng cú pháp sau:

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com">
    Multiple email addresses
</a>

Điều quan trọng là phải phân tách nhiều địa chỉ email bằng dấu phẩy.

Khi tôi nhấp vào liên kết trong trình duyệt, nó sẽ mở ra Mail ứng dụng và điền địa chỉ email vào to trường.

Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ] Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ]

Đây là một số mã ví dụ cho bạn biết cách thêm dòng chủ đề vào liên kết mailto. 

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?subject=this is how to use the mailto link">
    Using the subject parameter
</a>

Sau địa chỉ email, bạn cần thêm ? để tách các email và subject tham số. Nếu bạn bỏ qua ? đó , thì liên kết chủ đề sẽ không hoạt động.

Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ] Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ]

Đây là ví dụ cho bạn thấy cách thêm người nhận CC (bản sao carbon) và BCC (bản sao carbon mù) vào liên kết mailto. 

<a
    href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link">
    Using the CC and BCC parameters
</a>

Sau địa chỉ email, bạn cần thêm ? để tách các email và CC tham số. Bạn cũng cần thêm & trước BCC và subject thông số.

Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ] Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ]

Cách thêm thông số body vào liên kết mailto

Đây là một ví dụ cho bạn thấy cách sử dụng tham số body với liên kết mailto. Điều này cho phép bạn thêm văn bản vào nội dung email của mình. 

<a
   href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &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>

Bạn cần thêm & trước body tham số.

Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ] Liên kết Mailto - Cách tạo Liên kết Email HTML [Mã ví dụ]

Một trong những nhược điểm của việc sử dụng liên kết mailto là nó thường bị người dùng coi là thư rác. Thật không may, rất nhiều người gửi thư rác sẽ sử dụng tùy chọn này để gửi email cho người dùng. Vì vậy, chỉ cần ghi nhớ điều đó khi bạn đang sử dụng nó.

Một lý do chính đáng để sử dụng liên kết mailto là nếu bạn đang gửi email cho một nhóm người mà bạn biết. Nếu toàn bộ nhóm đó đang sử dụng ứng dụng email khách mặc định, thì việc sử dụng liên kết mailto sẽ là một lựa chọn tốt thay cho biểu mẫu liên hệ.