[HTML] a 태그로 이메일,전화번호 링크 걸기

 

웹 페이지에 이메일 주소나 전화번호를 넣고 싶을 때 a 태그를 사용한다.

 

이메일 링크 걸기 : mailto:

이메일 주소 앞에 mailto:를 href에 넣어주면 이메일을 작성할 수 있도록 링크가 생성되어 클릭하면 이동이 가능하다.

이메일 주소를 클릭했을 때 microsoft outlook이 열리면서 이메일을 보내는 창이 뜨게 된다.

받는 사람 주소에 링크를 건 이메일 주소가 들어가 있음을 확인할 수 있다.

<a href="mailto:ddorybom@gmail.com">ddorybom email</a>

 

mailto: 란?

Mailto 링크는 전자 메일을 보내기 위해 컴퓨터의 기본 메일 클라이언트를 활성화하는 HTML 링크 유형입니다.

 

 

여러개의 주소 지정도 가능하다.

<a href="mailto:ddorybom@gmail.com,bomddory@naver.com">send email</a>

 

 

 

전화번호 링크 걸기 : tel:

tel을 이용해 전화번호 링크를 걸 수 있다.
모바일웹에서 링크를 클릭하면 자동으로 연결된다.
웹에서는 반응하지 않는다.

아래의 두 가지 방법이 있다.

<a href="tel:+123456789">Phone1</a>
<a href='tel:010-0000-0000'>Phone2</a>