반응형웹 개발을 하다가 전화번호가 아닌, 사업자번호였는데 링크가 자동으로 생성되어서 난감했던 기억이 있습니다. 특정숫자패턴이 있으면 전화번호로 인식이 되는것 같더군요. 그래서 이것을 없애볼려고 이것저것 알아보다 자동리크를 방지하는 태그를 알게되었습니다.
사용법은 아주 간단합니다. 메타태그를 추가하셔서 방지하는 방법입니다.
<meta name="format-detection" content="no">
이렇게 하면 자동링크기능이 빠지게 됩니다만, 꺼꾸로 이게 필요할 경우나, 전화번호, 이메일, 주소등 특정한 부분만 링크를 삭제하고 싶다면 개별옵션을 사용해서 제어를 할 수 있습니다.
위의 메타태그는 전화번호,이메일,주소 모두의 자동링크를 사용하지 않습니다.
|
항목 |
설명 |
|
telephone = no |
전화번호 형식의 자동링크를 사용하지 않음 |
|
email = no |
이메일 형식의 자동링크를 사용하지 않음 |
|
address = no |
주소 형식의 자동링크를 사용하지 않음 |
사용방법은 아래와 같습니다.
<!-- 전화, 주소, 이메일 자동링크 없앨때 -->
<meta name=”format-detection” content=”telephone=no, address=no, email=no” />
추가방법은 <head></head> 사이에 메타태그를 넣어주셔서 처리하시기 바랍니다.
수고하셨어요!
'IT정보센터 > HTML & CSS' 카테고리의 다른 글
| CSS 이미지 전체화면 띄우기 (0) | 2019.06.02 |
|---|---|
| 아이콘 문자표 손쉽게 적용하기 (0) | 2017.06.30 |
| CSS 스타일 분석 파이어버그 사용하기 (0) | 2017.05.03 |
| HTML 색상표 손쉽게 찾아보기 (0) | 2015.07.28 |
| 퍼블리싱을 위한 HTML5 시작하기 (0) | 2015.07.19 |
| [CSS] 반응형웹페이지의 필수 - 미디어쿼리 활용 (0) | 2015.06.26 |
| [CSS] 반응형웹 개발시 기종별해상도 테스트 사이트 (0) | 2015.06.23 |
| 반응형 CSS 프레임워크 부트스트랩을 체험해보다 (0) | 2015.06.17 |
| 모바일작업시 전화번호 강제링크 생성될때 (0) | 2015.06.14 |