Computer >> Hướng Dẫn Máy Tính >  >> Phần Mềm >> Thư Điện Tử

Cách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi Bước

Link mailto cho phép người dùng gửi email trực tiếp từ trang web dùng email client mặc định. Nhưng làm sao tạo link mailto trong HTML?

Trong bài này, tôi sẽ hướng dẫn tạo link mailto trong HTML dùng mã ví dụ.

Đây là cú pháp cơ bản cho link mailto:

<a href="mailto:johndoe@fakeemail.com">Ví dụ link mailto</a> 

Trong trình duyệt, người dùng nhấp vào link và nó mở email client mặc định.

Trong ví dụ này, khi nhấp link, ứng dụng Mail của tôi mở và địa chỉ email đã điền sẵn ở trường to.

Cách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi BướcCách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi Bước

Dùng cách này, tôi có thể gửi email nhanh và quay lại trang web.

Bạn có thể thêm nhiều địa chỉ email vào link mailto dùng cú pháp này:

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com"> Nhiều địa chỉ email </a> 

Quan trọng: phải phân tách các địa chỉ email bằng dấu phẩy.

Khi nhấp link trong trình duyệt, nó mở app Mail và điền địa chỉ email vào trường to.

Cách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi BướcCách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi Bước

Đây là mã ví dụ chỉ cách thêm chủ đề vào link mailto.

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?subject=this is how to use the mailto link"> Sử dụng tham số subject </a>

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

Cách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi BướcCách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi Bước

Ví dụ này chỉ cách thêm người nhận CC (carbon copy) và BCC (blind carbon copy) vào link 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"> Sử dụng tham số CC và BCC </a>

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

Cách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi BướcCách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi Bước

Ví dụ này chỉ cách dùng tham số body với link mailto. Điều này cho phép thêm văn bản vào phần thân email.

<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"> Sử dụng tham số body </a>

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

Cách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi BướcCách Thêm Link Mailto Trong HTML – Hướng Dẫn Mã Bước Đi Bước

Một nhược điểm của link mailto là nó thường bị coi là spam bởi người dùng. Rất nhiều spammer dùng tùy chọn này gửi email. Vì vậy hãy nhớ điều đó khi dùng.

Lý do tốt để dùng link mailto là nếu bạn gửi email cho nhóm người bạn biết. Nếu toàn bộ nhóm dùng email client mặc định, link mailto là lựa chọn tốt hơn form liên hệ.