'2016/01'에 해당되는 글 1건

  1. 2016.01.14 HTML 하이퍼링크에 이메일, 전화, SMS문자 연결하기


하이퍼 링크 (<a href="..."> systax를 이용하여 전자메일과 전화걸기, SMS 메시지를 보낼수 있습니다. 이 구문은 모든 장치에서는 동작하지 않습니다. 예를 들면, 데스크탑에서 전화걸기, SMS 문자보내기는 사용할 수 없는것 처럼요.


href 속성 값에 다음의 mailto, tel, sms 규칙을 이용하면 됩니다.


mailto

<a href="mailto:test@host.com?subject=testing123">Mailto</a>


스마트폰에서 위와 같이 작성된 링크를 클릭하면 이메일 기본 어플리케이션이 실행합니다. 그리고 subject 항목이 메일의 제목으로 됩니다.

만약 한글 제목을 적고 싶다면 구글에서 제목을 그대로 작성하고 검색한 후 주소창의 q= 이하 부분을 복사해서 붙여넣기 하시면 됩니다.


tel

<a href="tel:1-555-531-3255!8335033#!#!9582#">Tel</a>
<a href="wtai://wp/mc;5195551212" title="Call">Work Tel</a>
<a href="wtai://wp/mc;5195551213" title="Call">Home Tel</a>


스마트폰에서만 사용가능하며, 피처폰에서는 사용할수 없습니다. 

한국의 국가코드와 휴대폰이나 전화번호를 연속해서 넣으시면 됩니다. 해당 링크 클릭시 전화기능의 번호가 눌러져있는 상태가 됩니다. 

사용자는 전화걸기 버튼만 누르면 전화를 걸수 있습니다.

sms:

<a href="sms:+3581234567">Send SMS to us </a>


전화걸기와 마찬가지로 문자메시지 어플리케이션이 실행되고 해당 번호가 받는 번호가 됩니다.



'웹개발 > HTML5+CSS3+JS' 카테고리의 다른 글

가젯 개발 참조 사이트  (0) 2012.02.22
Posted by rubymix
,