<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 & CSS' 카테고리의 다른 글
[CSS] 2줄 이상 말줄임표 + Tool Tip으로 전체 텍스트 나타내는 방법 (0) | 2023.01.17 |
---|---|
[HTML] 웹에서 메일 보내기 (메일링크) (1) | 2022.06.01 |
Comment