Hướng dẫn và ví dụ HTML Email Link
Xem thêm các chuyên mục:

Là một website được viết trên công nghệ web Flutter vì vậy hỗ trợ rất tốt cho người học, kể cả những người học khó tính nhất.
Hiện tại website đang tiếp tục được cập nhập nội dung cho phong phú và đầy đủ hơn. Mong các bạn nghé thăm và ủng hộ website mới của chúng tôi.


HTML Email Link là một liên kết mà khi người dùng nhấn vào nó nó sẽ tự động mở ra một chương trình để người dùng gửi email tới một email được chỉ định, điều này thực sự có ích vì nó giảm số thao tác người dùng cần thực hiện để gửi một email.
Sử dụng HTML Email Link nghĩa là địa chỉ email của bạn sẽ xuất hiện trên mã HTML, và nó có thể được thu thập bởi các chương trình tự động. Những người tạo ra các chương trình tự động này muốn có được các địa chỉ email để bán cho những công ty quảng cáo khác, và nó có thể là nguyên nhân khiến email của bạn sẽ nhận được nhiều email rác (spam) hơn.
Click
<a href="mailto: [email protected]">here</a>
to email us.
Các trình duyệt có cách hành xử hơi khác nhau khi người dùng nhấn vào một HTML Email Link. Trình duyệt Firefox sẽ mở ra một cửa sổ cho phép người dùng lựa chọn một chương trình để gửi email trong số các chương trình đã được cài đặt trong máy tính của họ. Với trình duyệt Chrome chạy trong hệ điều hành Windows nó sẽ mở ra chương trình Outlook, nếu Chrome chạy trong hệ điều hành Mac OS nó sẽ mở ra một cửa sổ cho phép người dùng chọn một chương trình để gửi email (Cách hành xử giống Firefox).
Firefox

Trình duyệt Firefox mở ra một cửa sổ cho phép người dùng chọn 1 chương trình để gửi email.
Chrome (Windows OS)

Trình duyệt Chrome (chạy trong hệ điều hành Windows) thường mở ra chương trình Outlook để gửi email.
Chrome (Mac OS)

Trình duyệt Chrome (chạy trên hệ điều hành MacOS) mở ra một cửa sổ để người dùng chọn một chương trình gửi email.
Example:
email-link-example.html
<!DOCTYPE html>
<html>
<head>
<title>Email Link</title>
<meta charset="UTF-8">
</head>
<body>
<h3>Email Link Example:</h3>
Click
<a href="mailto: [email protected]">here</a>
to email us.
</body>
</html>
Khi người dùng nhấn vào một HTML Email Link và chọn Gmail để gửi email, trang hiện tại (current page) có thể bị thay thế bởi trang của Gmail, bất kể bạn đã áp dụng thuộc tính target="_blank" cho HTML Email Link.
<!-- target='_blank' does not work! -->
Click
<a href="mailto: [email protected]" target="_blank">here</a>
to email us.
Ví dụ dưới đây là một giải pháp đảm bảo trình duyệt sẽ mở ra một cửa sổ mới hoặc Tab mới cho việc gửi email.
Click
<a onClick="javascript:window.open('mailto:[email protected]', 'my-window');event.preventDefault()"
href="mailto:[email protected]">here</a>
to email us.
Xem ví dụ đầy đủ:
email-link-example2.html
<!DOCTYPE html>
<html>
<head>
<title>Email Link</title>
<meta charset="UTF-8">
</head>
<body>
<h3>Email Link Example:</h3>
Click
<a onClick="javascript:window.open('mailto:[email protected]', 'my-window');event.preventDefault()"
href="mailto:[email protected]">here</a>
to email us.
</body>
</html>