[모바일웹] 아이폰 사파리에서의 전화번호 링크

아이폰 사파리에서 웹 서핑을 하다보면 자기도 나름 폰이라고 전화번호와 비슷하게 생긴것에는 자동으로 링크가 걸려 그것을 누르면 전화가 걸립니다. 어찌보면 똑똑하고 좋으나 웹사이트를 개발하는 입장에서 보면 좀 반갑지 않은 기능이기도 한데요.

이런 상황을 극복하기 위한 방법!!

<meta name="format-detection" content="telephone=no" />

위와 같은 매타값을 주게 된면, 아이폰의 사파리가 자기 마음대로 링크를 만들지 않습니다.

헌데, 혹시나 전화 바로거는 링크를 만들일이 있지 않을까요? 물론 그럴 때를 대비해서 요런 방법이 존재합니다.

<a href="tel:010-1234-5678">전화를 거는 링크</a>

위와 같이 <a>태그를 걸어주면 아이폰 사파리에서 바로 전화를 거는 링크를 만들 수 있다습니다. ^^

이 것을 사용하면 좀 더 사용하기 편리한 사이트를 만들 수 있겠죠?

쓰면 쓸수록 아이폰, 이건 참 물건인 것 같네요. 허허허