[HTML] A(Anchor) 태그로 메일 보내기 구현하기

 

A 태그에는 다양한 속성들이 있지만, 주로 다른 페이지로 이동하기 위해 사용하는 href 속성을 통해 메일을 보내는 것이 가능하다.

 

하단의 표는 href 안에서 사용되는 매개변수들이다.

mailto:메일주소	메일주소로 메일을 보낸다.
cc:메일주소	참조 메일을 추가해서 보낸다.
bcc:메일주소	숨은 참조 메일을 추가해서 보낸다.
subject:제목	이메일의 제목
body:내용	이메일의 내용
?	첫번째 매개변수 구분시 사용
&(&)	두번째 이상부터 매개변수 구분시 사용

 

1. mailto 사용하기

<!-- example@gmail.com에게 메일 보내기 -->
<a href="mailto:example@gmail.com" />

<!-- example@gmail.com과 example2@gmail.com에게 메일 보내기 -->
<a href="mailto:example@gmail.com, example2@gmail.com" />

 

2. cc로 참조 추가하기

<!-- example@gmail.com에 메일을 보내면서 example2@gmail.com에게 참조를 거는 메일 보내기 -->
<a href="mailto:example@gmail.com?cc:example2@gmail.com" />

 

3. bcc로 숨은 참조 추가하기

<!-- example@gmail.com에 메일을 보내면서 example2@gmail.com에게 숨은 참조를 거는 메일 보내기 -->
<a href="mailto:example@gmail.com?bcc:example2@gmail.com" />

 

4. subject로 제목이 있는 메일 보내기

<!-- example@gmail.com에 메일을 보내면서 제목이 포함된 메일 보내기 -->
<a href="mailto:example@gmail.com?subject:메일의 제목입니다." />

 

5. body로 내용이 있는 메일 보내기

<!-- example@gmail.com에 메일을 보내면서 내용이 포함된 메일 보내기 -->
<a href="mailto:example@gmail.com?body:메일의 내용입니다." />

<!-- %0D%0A로 내용 줄바꿈하기 -->
<a href="mailto:example@gmail.com?body:메일의 내용입니다.%0D%0A메일의 두번째 줄 내용입니다.%0D%0A메일의 세번째 줄 내용입니다." />

 

 

6. 여러가지를 동시에 사용하기

<!-- 
    받는 분  = example@gmail.com,example2@gmail.com
    참조     = example3@gmail.com
    숨은 참조 = example4@gmail.com
    메일 제목 =  메일의 제목입니다.
    내용     = 메일의 내용입니다.
    형식의 메일 보내기
-->
<a href="mailto:example@gmail.com,example2@gmail.com?cc:example3@gmail.com&bcc:example4@gmailcom&subject:메일의 제목입니다.&body:메일의 내용입니다." />