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">
모바일 브라우저에 따라 지원 범위와 동작 방식이 다를 수 있으므로,
공식 문서를 통해 지원 여부를 확인하는 것이 좋다.
728x90
'WEB > HTML_CSS' 카테고리의 다른 글
[html] <video> 태그 자동 재생 (0) | 2023.07.18 |
---|---|
[CSS] 텍스트 길면 ... 표시하기 (0) | 2023.07.12 |
[CSS] border 안쪽으로 주기 box-shadow (0) | 2023.07.05 |
[CSS] 특정한 요소를 제외시키는 :not 선택자 (0) | 2023.06.21 |