html 전화걸기 메일보내기 태그 예제 a href - tel , mailto

간혹 홈페이지 작업시에 하단에 회사 정보를 넣는 경우가 있답니다.

그럴경우 사용하는 html tag 중 하나인 mailto 태그는 많이들 알고 계실거에요 ㅎㅎㅎ

최근 스마트폰으로 이용하는 이용자가 많이 늘어서 mailto 태그 말고도 스마트폰으로 전화를 걸수 있도록 해주는 태그도 있답니다.

 

그것은 바로 a tag를 이용하는 방법이랍니다.

그냥 따라만 하시면 된답니다. 아주아주 쉽답니다 !

 

 

테그에 전화번호 연결 하는법 예제 ( a  href=tel )

<a href="tel:010-1231-1231">010-1231-1231</a>

 

위와 같이 작업할 경우 스마트폰에서는 자동으로 전화번호가 입력된 화면으로 이동합니다.

단, 전화를 바로 거는 기능을 이용하기 위해서는 앱으로 개발하셔야 됩니다 !!

모바일 기기가 아닌 경우 작동 하지 않습니다 !

 

태그에 메일주소 연결하는법

 

<a href="mailto:메일주소">메일주소</a>

 

 

메일주소연결시 메일 주소뿐 아니라 제목도 같이 넣어서 입력되도록 셋팅할수도 있답니다

 

Link to an email address with a specified subject (will only work if you have mail installed):

<a href="mailto:someone@example.com?Subject=Hello%20again">Send mail!</a>

 

Link to multiple email addresses with a specified subject and a specified message:

<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com &subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">Send mail!</a>

 

참고 w3schools : http://www.w3schools.com/tags/att_a_href.asp