생각보다 별 것 없이 아주 간단하다. 이메일 주소 링크를 사용할 때 mailto: 를 사용하듯 tel:을 이용하기만 하면 된다.
예) 일반적으로 다른 페이지/사이트로 링크를 걸 수 있는 <a> 태그에 "tel:"을 이용하면 된다.
<a href="tel:010-1234-1234">전화걸기</a>
아이폰 사파리를 이용해서 웹페이지를 열면, 전화번호 형태로 생긴 텍스트에 자동으로 전화를 걸어주는 링크를 만들어 보여주는 기능이 있다. 내가 위처럼 구지 <a> 태그를 사용하지 않아도 웹 페이지 내에 02-123-4567 과 같은 텍스트가 있으면 자동으로 링크를 만들어 보여준다.
이렇게되면 편하기는 한데, 가끔 원치않게 링크가 걸리는 것이 싫을 때도 있을 것이다. 이럴 때는 아래 메타 태그를 입력해주면, 사파리가 임의로 자동으로 링크를 만들지 않는다.
<meta name = "format-detection" content = "telephone=no">
아래 서비스는 위 기능을 이용해서 간단히 만든 페이지이다. (일반 컴퓨터에서는 안되고, 아이폰에서만 기능이 동작한다.)
댓글을 달아 주세요