이메일을 보내는 링크를 만들려면 <a> 태그와 href 속성을 함께 사용합니다. 이때 <a> 태그 안에 mailto 링크를 추가하는데, 메일 제목까지 포함하려면 물음표(?) 뒤에 subject를 작성하면 됩니다. 모든 요소는 하나의 <a> 태그 안에 들어갑니다.
작성 시 유의 사항
mailto 링크에는 실제로 메일을 수신할 이메일 주소가 반드시 포함되어야 합니다. 또한 제목에 단어 사이 공백이 있을 경우 일반 공백 대신 %20을 사용해야 합니다. 이렇게 처리해야 브라우저가 텍스트를 올바르게 인식하고 화면에 정상적으로 표시할 수 있습니다.
예제
다음 코드를 직접 실행해 보면서 HTML에서 제목이 포함된 이메일 전송 링크를 만드는 방법을 확인할 수 있습니다.
라이브 데모
<!DOCTYPE html> <html> <head> <title>HTML Email with subject</title> </head> <body> <h1>Contact</h1> <p>For any queries:<a href="mailto:demo@example.com?Subject=My%20Query">Contact us</a></p> </body> </html>