webapp 000.0000 숫자 전화번호로 인식

Webapp을 만들다 보면 대부분의 코딩은 HTML과 javascript의 형태를 띄게 됩니다.

작업을 하다보니 웹앱과 native가 동시에 사용되는 경우 문제가 발생한다는걸 알았죠

출력하는 부분중에 000.0000 형태의 소숫점 4자리를 출력하는 경우가 있습니다.

해당 영역에는 숫자가 입혀져 있구요.. 물론 CSS를 이용해서요...

이 경우 웹앱을 사용하는 경우는 문제가 없습니다.

다만 native 기능(예를 들어 화면을 껐다켠다든지... 사실 졸다가 발견한 기능이긴 합니다

졸다가 아이패드 화면을 터치했는데 상단에서 하단으로 내리면 나오는 푸쉬 알림창이 뜨면서

native가 작동이 되어버린겁니다;;;)이 실행되면서 아이패드의 고유인식인 숫자3자리+숫자4자리가 

전화번호로 인식이 되어버리는 어이없는 경우가 발생합니다.

CSS가 다른 부분은 살아있는데 색이 없어지더라구요.. 글씨체나 bold, italic 등은 살아있습니다.

이 부분을 해결하는데는 딱 한줄이면 됩니다.

헤더에 다음 구분 하나만 삽입해주시면 바로 해결이 되는거죠..

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

특정 영역에 대해서만 telephone을 해제할 수 있는지는 모르겠습니다.

아직까지 그런 부분은 필요가 없었기때문에...;;

잡소리가 길었네요..

결론만 말하자면

웹앱에서 숫자3자리+숫자4자리의 형태를 전화번호로 인식하는 것을 막고자 한다면

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

헤더에 위 구문을 입력해라!!

입니다.