반응형 웹을 개발하다보면 footer 부분에 전화번호가 아닌 통신판매번호, 사업자 등록번호등.. 전화번호는 아니지만 1234-56-7890 같은 형태의 번호를 넣어야 하는 순간이 온다.
IOS는 이런 형태로되어 있는 숫자들을 전화번호로 인식하여 링크로 만들고 터치시 바로 전화가 가능하도록 되어있다.
UI 측면에서 디자인을 해치기도 하고 사용성을 떨어트리는 이 기능을 막는 방법이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
</head>
<body>
<p>body</p>
</body>
</html>이 메타 태그를 추가해주면 된다.
<meta name="format-detection" content="telephone=no">
오호