본문 바로가기
UX 개발/HTML

[HTML] 숫자의 자동 링크화 현상 제거

반응형

위 그림과 같이 특히 iOS에서 의도하지 않은 숫자들의 전화번호 링크화는 예측하지 못한 요소로서 디자이너들과 사용자를 당황스럽게 할 수가 있다. 이를 제거하는 방법은 다음과 같다.

메타 태그를 추가함으로써 이와 같은 전화번호 변화 현상을 수정할 수 있다.

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

 

메타 태그를 설정한 이후에도 자기가 원하는 항목에 대해서는 선별적으로 '전화번호화'를 할 수 있는데 그 방법은 다음과 같다.

<a href="tel:123-456-7890">123-456-7890</a>

관련 자료

Disabling the conversion of numbers into links on mobile browsers

반응형
외주/과외 문의