[HTML] 모바일웹에서 자동링크 해제하기 format-detection

PC 개발자도구로 확인했을 땐 문제 없었는데 모바일에서 확인해보니

사업자번호에 '자동 전화 걸기'가 걸려있다.

 

대표번호에 걸려있는건 땡큐인데..

 

 

대표번호의 '자동 전화 걸기' 는 살리면서 사업자번호에서는 해제하는 방법을 알아보겠다.

 

1. meta 태그로 '자동 전화 걸기' 기능을 해제

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

 

 

2. 전화번호에 '자동 전화 걸기' 기능 설정

대표번호 : <a href="tel:1234-1234">1234-1234</a>

 

3.  format-detection 속성

모바일 브라우저에서 특정 형식의 데이터를 자동으로 감지하고 처리하는 기능을 제어한다.

content는 다음과 같은 값을 가질 수 있다.

• "telephone=no" : 전화번호 형식의 데이터 자동 감지 해제
• "telephone=yes" : 전화번호 형식의 데이터 자동 감지 및 전화 걸기 링크
• "telephone=xxx" : 특정 전화번호 형식 감지. 'xxx'는 허용할 전화번호의 정규 표현식
• "email=no" : 이메일 주소 형식의 데이터 자동 감지 해제
• "email=yes" : 이메일 주소 형식의 데이터 자동 감지 및 이메일 링크
• "address=no": 주소 감지 해제
• "address=yes": 주소 감지 및 자동으로 지도 앱이 실행
• "date=no": 날짜 감지를 해제
• "date=yes": 날짜 감지 및 자동으로 캘린더 앱이 실행
• "no" : 전화번호, 이메일, 주소, 날짜 등의 모든 감지를 해제

두 개 이상의 값을 가지려면 ,(콤마)로 이어주면 된다.

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

모바일 브라우저에 따라 지원 범위와 동작 방식이 다를 수 있으므로,

공식 문서를 통해 지원 여부를 확인하는 것이 좋다.