[HTML] 웹에서 전화 걸기

<a>태그와 onclick 이벤트 두가지 방법으로 가능하다.

기본적으로 방법은 동일하고, 앞에 링크 방법과 콜론(:)을 붙여주면 된다.

 

전화 걸기 링크

tel

<a href="tel:전화번호"> 표시할 문자 혹은 <img>태그 </a>

<!-- onclick만 먹는다면 button 등으로 대체 가능 -->
<div onclick="document.location.href='tel:전화번호'"></div>
출처: https://studyingazae.tistory.com/202 [똘아재의 노트:티스토리]

아이폰의 경우 a 태그나 onclick 없이도 전화번소 형식의 문자는 자동으로 전화로 링크가 가능하다.

이를 방지하기 위해 메타태그가 걸려있을 수 있다. 아래 태그가 있다면 자동링크는 되지 않는다.

<!-- IOS 전화번호 자동링크 방지 태그 -->
<meta name="format-detection" content="telephone=no">
출처: https://studyingazae.tistory.com/202 [똘아재의 노트:티스토리]

 


참고 사이트

https://studyingazae.tistory.com/202

 

[HTML] 모바일웹에서 전화걸기, 문자보내기, 메일보내기

모바일 웹을 개발하면서 특정 문자와 이미지를 누르면 바로 전화, 영상통화, 문자, 이메일로 연결되는 기능을 구현하기 위한 방법을 알아보겠습니다. 태그와 onclick 이벤트 두가지 방법으로 가능

studyingazae.tistory.com