HTML에서 메일 보내기

 [HTML]의 mailto링크

재미있는 글이 보여서 읽고 있는 도중 Html의 a태그에 있는 href에 주소 대신 mailto를 적으면 메일을 보낼 수 있다는 사실을 알았습니다. 그래서 지금 이 내용을 포스팅 해보려 합니다.

mailto 링크 란?

Mailto 링크는 HTML의 링크 타입에 속합니다. 이 링크는 사용자의 컴퓨터에 깔려 있는 메일 클라이언트를 실행시켜서 E-mail을 보낼 수 있게 해주는 태그입니다.

웹 브라우저는 메일 클라이언트에서 전송해주는 E-mail 전송 소프트웨어를 받아온 후 실행 시켜줍니다.

HTML에서 mailto 링크 사용하기

mailto링크는 'a'태그의 href안에서 사용합니다.

<a href="mailto:name@gmail.com">메일보내기</a>

다음은 mailto 링크를 사용하기 위한 태그들 입니다.

매개변수	사용처
mailto:name@email.com	이메일을 어디다 보낼지
cc=name@email.com	참조되는 이메일
bcc=name@email.com	숨은 참조 이메일
subject=subject text	이메일 제목 설정
body=body text	이메일 내용 설정
?	첫번째 매개변수 구분
& (&)	두번째이상 구분

Mailto링크 예제

기본 매일 보내기

<a href="mailto:name@gmail.com">메일보내기</a>

위의 코드는 다음과 같이 작동합니다.

예제1 : 메일보내기

위의 예제를 실행시키면 다음과 같이 나타날 것 입니다. (Window10)

제목과 함께 매일 보내기

<a href="mailto:junukim.dev@gmail.com?

subject=junukim 블로그 흥해라!">

메일 보내기

</a>

위의 코드는 다음과 같이 작동합니다. ( 보기 좋게 띄어쓰기를 했으니, 코드를 적을때는 이러시면 안됩니다.)

예제2 : 제목달고 메일보내기

위의 예제를 실행시키면 다음과 같이 나타날 것 입니다. (Window10)

제목 및 내용, 참조, 숨은참조와 함께 매일 보내기

<a href="mailto:junukim.dev@gmail.com?cc=junukim2.dev@gmail.com&bcc=junukim3.dev@gmail.com

&amp;subject=junukim 블로그 흥해라!

&amp;body=흥할 수 있을 걸?">

매일 보내기

</a>

위의 코드는 다음과 같이 작동합니다. ( 보기 좋게 띄어쓰기를 했으니, 코드를 적을때는 이러시면 안됩니다.)

예제3 : 제목 및 내용, 참조, 숨은참조와 함께 메일보내기

위의 예제를 실행시키면 다음과 같이 나타날 것 입니다. (Window10)

마무리

이번 기회에 HTML의 메일 보내는 방법에 대해 알 수 있어서 좋은 경험을 한 것 같습니다. 메일 보내는 방식을 JavaScript를 통해 해결할 것 이라고 생각했었는데 HTML을 이용한다는 점에서 정말 놀랐습니다.