모바일 사파리에서 전화번호 자동 링크 생성되는 문제

왠지는 모르겠지만 백엔드 개발로 파견나갔다가 퍼블리싱을 했는데

그냥 span 태그 안에 넣어둔 사업자 번호(123-45-67890)를

브라우저가 제멋대로 전화번호 형식으로 인식해서 통화 링크를 걸어주고 난리

 

난 안드로이드 폰이라 몰랐는데, 아이폰에서 사파리로 들어가면 그렇더라...

 

 

구글링 1

a 태그에 css로 color:white를 넣어라

-> 파란색만 없어지지 밑줄이랑 하이퍼링크는 그대로

 

구글링2

메타 태그 <meta name="format-detection" content="telephone=no"/> 를 넣어라

->유효함.

그런데 새로고침 할 때마다 링크가 있다가 없다가 왔다갔다함

캐시 지우고 새로고쳐도 안됨...

이 부분은 html 파일의 문제인건지, 아님 클라우드 스토리지의 문제인 건지 알 수 없음

 

결국

전화번호 부분만 <a> 태그로 감싸고 href 안줘버림

<span class="plain-text" style="text-decoration:none;">
  회사명 : ...<br>
  사업자등록번호 : <a>123-45-67890</a><br>
  주소 : ....
</span>