메일 링크 생성기
수신자, CC, BCC, 제목 및 본문 텍스트가 포함된 HTML mailto 링크를 만듭니다.
Mailto 링크를 사용하면 방문자가 미리 채워진 정보로 기본 이메일 클라이언트를 열 수 있습니다. 각 매개변수의 역할은 다음과 같습니다:
• 이메일 주소: 이메일의 주 수신자 (필수).
• 제목: 이메일의 제목 줄을 미리 채웁니다.
• 본문: 이메일의 내용을 미리 채웁니다.
• 참조 및 숨은 참조: 참조 및 숨은 참조 수신자를 추가합니다.
참고: mailto 링크는 사용하는 이메일 클라이언트와 브라우저에 따라 다르게 작동할 수 있습니다.
메일 링크 생성기 사용 방법
- 1
수신자 입력
To 주소를 입력하고 필요하면 CC와 BCC 수신자를 추가하되, 여러 이메일은 쉼표로 구분하세요.
- 2
제목과 본문 추가
미리 채워진 제목과 메시지 본문을 입력해 방문자의 이메일이 바로 보낼 수 있는 상태로 열리도록 하세요.
- 3
링크 및 고급 옵션 설정
링크 텍스트, CSS 클래스, ID를 사용자 지정하고 새 창에서 열기나 매개변수 URL 인코딩 같은 옵션을 켜세요.
- 4
생성하고 복사하기
Generate Mailto Link를 클릭한 뒤, 완성된 HTML 앵커나 원시 mailto URL을 사이트용으로 복사하세요.
mailto 링크: 문법과 매개변수, 그리고 함정
mailto 스킴이란
mailto 링크는 http 대신 mailto 스킴을 사용하는 URL로, 클릭하면 방문자의 기본 이메일 프로그램이 이미 수신자가 지정되고 경우에 따라 미리 채워진 새 메시지와 함께 열립니다. 웹 페이지에서 연락용 이메일을 클릭 가능한 링크로 만드는 표준적이고 내장된 방식이며, href가 mailto: 뒤에 수신자 주소가 오는 형태로 시작하는 평범한 앵커로 작성됩니다. 서버나 양식, 스크립트는 필요 없습니다. 브라우저가 그 요청을 사용자가 설정해 둔 이메일 클라이언트에 넘겨줍니다.
가장 단순한 형태는 mailto: 뒤에 주소 하나만 붙인 것으로, 그 수신자에게 보내는 빈 이메일을 엽니다. 그 외의 모든 것, 이를테면 제목 줄과 메시지 본문, 추가 수신자는 일반 URL에 매개변수를 더하듯이 링크에 덧붙이는 쿼리 매개변수를 통해 얹힙니다.
매개변수: to, cc, bcc, subject, body
주 수신자 다음에는 물음표를 붙이고, 웹 쿼리 문자열에서와 똑같이 앰퍼샌드로 이어진 이름-값 매개변수를 덧붙입니다. 지원되는 필드는 참조와 숨은 참조 수신자를 위한 cc와 bcc, 제목 줄을 미리 채우는 subject, 메시지 텍스트를 미리 채우는 body입니다. 완성된 링크 하나로 한 사람을 수신자로 지정하고, 다른 사람을 참조하고, 제목을 설정하고, 메시지의 첫 줄을 채워 넣는 것을 단일 href 안에서 모두 할 수 있습니다. 주 수신자는 콜론 바로 뒤가 아니라 to 매개변수로 제공할 수도 있습니다.
매개변수들 사이의 순서는 상관없으며, 어느 것이든 생략할 수 있습니다. 이 생성기는 입력한 필드로부터 이들을 알아서 조립해 주므로 정확한 구두점을 외울 필요는 없지만, 구조를 이해해 두면 필요할 때 출력 결과를 손으로 읽고 손보기가 한결 쉬워집니다.
여러 수신자
주소를 구분해서 적으면 한 번에 여러 사람을 수신자로 지정할 수 있습니다. 주 받는 사람(To) 줄에 한 사람 이상을 넣으려면 mailto 콜론 뒤에 주소를 쉼표로 구분해 나열하세요. 동일한 쉼표 구분 방식이 cc와 bcc 매개변수 안에서도 통하므로, 링크 하나로 To, CC, BCC 필드에 걸친 수신자 집단 전체에게 미리 주소가 지정된 메시지를 열 수 있습니다.
다만 쉼표 구분이 문서화된 표준이긴 하지만, 일부 오래되거나 특이한 이메일 클라이언트는 역사적으로 쉼표 대신 세미콜론을 기대해 왔으며, 이는 오랫동안 일관성 문제의 원인이 되어 왔습니다. 폭넓은 호환성을 위해서는 쉼표가 올바른 선택이며, 이 도구에서는 각 필드에 여러 주소를 쉼표로 구분해 입력할 수 있습니다.
URL 인코딩은 선택이 아니라 필수
이것이 다른 무엇보다도 mailto 링크를 더 많이 망가뜨리는 핵심입니다. 제목과 본문 값은 반드시 URL 인코딩되어야 합니다. 공백은 %20이 되고, 줄 바꿈은 %0A가 되며(캐리지 리턴과 라인 피드를 합친 형태는 %0D%0A가 됩니다), 앰퍼샌드와 물음표, 우물 정자(#)처럼 URL에서 특별한 의미를 갖는 문자는 퍼센트 인코딩되지 않으면 텍스트가 아니라 링크 구조로 잘못 해석됩니다. 예를 들어 본문에 인코딩되지 않은 앰퍼샌드가 있으면 새 매개변수의 시작으로 해석되어 메시지가 소리 없이 잘려 나갑니다.
수작업 인코딩은 번거롭고 실수하기 쉬우므로, 이 생성기는 제목과 본문을 안전한 퍼센트 인코딩 형태로 자동 변환하는 URL 인코딩을 권장 기본 켜짐 옵션으로 제공합니다. 그렇게 하지 않을 특별한 이유가 없는 한 켜 두세요. 이를 꺼 버리는 것은, 테스트에서는 작동하지만 실제 사용자에게는 공백과 구두점이 망가지는 링크를 만드는 가장 빠른 길입니다.
본문의 줄 바꿈
여러 줄로 된 메시지를 미리 채우려면 줄 바꿈 역시 인코딩해야 합니다. 줄 바꿈은 %0A로 표현되므로, 두 단락으로 보여야 할 본문에는 줄 바꿈이 들어갈 자리마다 그 시퀀스가 필요합니다. 그렇지 않으면 공들여 서식을 갖춘 메시지가 수신자의 작성 창에서 한 줄로 이어진 글로 뭉개집니다. 이 도구는 여러 줄 콘텐츠가 이메일 클라이언트에서 열릴 때 서식을 유지하도록 본문의 줄 바꿈을 보존하는 옵션을 제공합니다.
인코딩이 올바르더라도 줄 바꿈의 렌더링은 이메일 클라이언트마다 조금씩 다르며, 일부는 불완전하게 표현합니다. 짧은 메시지라면 이것이 문제가 되는 일은 드물지만, 조금이라도 긴 내용이라면 청중이 실제로 사용할 법한 클라이언트에서 결과를 미리 확인해 볼 만합니다.
염두에 두어야 할 실제 한계
mailto 링크는 전적으로 사용자의 설정에 의존합니다. 기본으로 설정된 이메일 클라이언트가 무엇이든 그것을 여는데, 데스크톱에서는 Outlook이나 Apple Mail일 수 있고 모바일에서는 보통 기기의 메일 앱입니다. 방문자가 이메일 클라이언트를 설정해 두지 않았거나, mailto 처리용으로 등록되지 않은 브라우저에서 웹메일을 쓴다면, 링크를 클릭해도 아무 일도 일어나지 않거나 오류가 발생할 수 있고, 이는 연락 양식을 기대했던 사용자를 답답하게 만듭니다. 실용적인 길이 상한도 있습니다. 브라우저와 클라이언트는 URL이 얼마나 길 수 있는지를 제한하므로, 아주 긴 미리 채운 본문은 잘릴 수 있습니다.
무엇보다도 mailto는 전송 수단이 아니며 대량 이메일용도 아닙니다. 그저 초안을 열 뿐이고, 사용자가 여전히 직접 보내기를 눌러야 하며, 사용자가 실제로 보냈는지 알 길은 없습니다. 연락용 링크나 미리 채운 지원 요청에는 더없이 좋지만, 제출물을 안정적으로 수집하거나 데이터를 확보하거나 다수의 수신자에게 보내려면 제대로 된 서버 측 양식이나 이메일 서비스가 알맞은 도구입니다.
mailto 링크가 쓰이는 곳, 그리고 개인정보에 관한 한마디
mailto 링크가 자연스럽게 자리 잡는 곳은, 사람들이 최소한의 마찰로 이메일을 보내도록 권하고 싶은 모든 자리입니다. 연락처 페이지, 푸터의 이메일 주소, 지원 링크, 혹은 미리 태그가 붙은 지원 카테고리처럼 관련 제목이 이미 채워진 메시지를 여는 피드백 버튼 같은 것들입니다. 제목을 미리 채워 두는 것은 특히 유용한데, 보내는 사람에게 아무것도 요구하지 않으면서도 들어오는 메일을 일관되게 분류하고 라우팅해 주기 때문입니다.
알아 둘 만한 주의 사항이 하나 있습니다. mailto 링크 안에 원시 이메일 주소를 게시하면 페이지에서 주소를 긁어 가는 스팸 수집 봇에 그 주소가 노출됩니다. 스팸이 걱정된다면 사람들은 흔히 주소를 난독화하거나 연락 양식으로 대신합니다. 이 생성기는 링크와 그것을 둘러싼 HTML 앵커를 전부 브라우저 안에서 만들며 어떤 데이터도 업로드하지 않으므로, 노출되는 것은 오직 사용자가 페이지에 게시하기로 선택한 것뿐입니다.
자주 묻는 질문
mailto 링크란 무엇인가요?
CC, BCC, 제목, 본문을 추가할 수 있나요?
URL 인코딩을 켜 두어야 하나요?
HTML 코드를 받나요, 아니면 URL만 받나요?
모든 이메일 클라이언트에서 링크가 작동하나요?
관련 도구
이런 편리한 도구도 함께 사용해 보세요