Mailto 링크 – HTML 이메일 링크를 만드는 방법 [예제 코드]

mailto 링크를 사용하면 사용자의 기본 이메일 클라이언트를 사용하여 웹사이트에서 직접 이메일을 보낼 수 있습니다. 그러나 HTML에서 mailto 링크를 어떻게 생성합니까?

이 기사에서는 예제 코드를 사용하여 HTML에서 mailto 링크를 만드는 방법을 안내합니다.

기본 mailto 링크 구문

다음은 mailto 링크의 기본 구문입니다.

<a href="mailto:johndoe@fakeemail.com">Example mailto link</a>

브라우저에서 사용자는 링크를 클릭하면 기본 이메일 클라이언트가 열립니다.

이 예에서 링크를 클릭하면 내 메일 앱이 열리고 이메일 주소가 이미 to에 채워져 있습니다. 필드.

이 방법을 사용하면 빠른 이메일을 보내고 웹사이트로 돌아갈 수 있습니다.

mailto 링크에 여러 이메일 주소를 추가하는 방법

다음 구문을 사용하여 mailto 링크에 여러 이메일 주소를 추가할 수 있습니다.

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com">
    Multiple email addresses
</a>

쉼표를 사용하여 여러 이메일 주소를 구분하는 것이 중요합니다.

브라우저에서 링크를 클릭하면 Mail이 열립니다. 앱을 실행하고 to에 이메일 주소를 입력합니다. 필드.

mailto 링크에 제목을 추가하는 방법

다음은 mailto 링크에 제목 줄을 추가하는 방법을 보여주는 몇 가지 예제 코드입니다.

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?subject=this is how to use the mailto link">
    Using the subject parameter
</a>

이메일 주소 뒤에 ?를 추가해야 합니다. 이메일과 subject 분리 매개변수. ?을 생략하면 , 제목 링크가 작동하지 않습니다.

메일투 링크에 참조 및 숨은 참조를 추가하는 방법

mailto 링크에 CC(Carbon Copy), BCC(Blind Carbon Copy) 수신자를 추가하는 방법을 보여주는 예시입니다.

<a
    href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link">
    Using the CC and BCC parameters
</a>

이메일 주소 뒤에 ?을 추가해야 합니다. 이메일과 CC 구분 매개변수. &도 추가해야 합니다. BCC 앞 및 subject 매개변수.

mailto 링크에 body 매개변수를 추가하는 방법

이것은 mailto 링크와 함께 body 매개변수를 사용하는 방법을 보여주는 예입니다. 이렇게 하면 이메일 본문에 텍스트를 추가할 수 있습니다.

<a
   href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link &body=this is an article on how to use the mailto link">
    Using the body parameter
</a>

&을 추가해야 합니다. body 앞 매개변수.

mailto 링크를 사용할 때 단점이 있습니까?

mailto 링크를 사용하는 것의 단점 중 하나는 사용자가 스팸으로 인식하는 경우가 많다는 것입니다. 안타깝게도 많은 스패머가 이 옵션을 사용하여 사용자에게 이메일을 보냅니다. 따라서 사용할 때 이 점을 염두에 두십시오.

mailto 링크 사용의 장점

mailto 링크를 사용하는 좋은 이유는 아는 사람 그룹에 이메일을 보내는 경우입니다. 전체 그룹이 기본 이메일 클라이언트를 사용하는 경우 mailto 링크를 사용하는 것이 문의 양식보다 좋은 옵션이 될 것입니다.