https://webruden.tistory.com/427
HTML 모바일에서 전화걸기 예제(초간단) (How to Create a Click to Call Link Using HTML)
핸드폰에서 웹사이트를 이용할 때 아래와 같이 전화번호를 누르면 바로 핸드폰 기본 전화걸기 창이 뜨는 것을 본적이 있을 것입니다. 이번 포스팅에서는 HTML a 태그를 활용해서 전화걸기
webruden.tistory.com
https://studyingazae.tistory.com/202
[HTML] 모바일웹에서 전화걸기, 문자보내기, 메일보내기
모바일 웹을 개발하면서 특정 문자와 이미지를 누르면 바로 전화, 영상통화, 문자, 이메일로 연결되는 기능을 구현하기 위한 방법을 알아보겠습니다. 태그와 onclick 이벤트 두가지 방법으로 가능
studyingazae.tistory.com
전화걸기 tel:
<a href="tel:123-1234-1234">전화번호:123-1234-1234</a>
<!-- onclick만 먹는다면button등으로 대체 가능-->
<div onclick="document.location.href='tel:전화번호'"></div>
<!-- 아이폰의 경우 a태그나 onclick없이도 전화번호 형식의 문자는 자동으로 전화링크 가능
이를 방지하기 위해 메타 태그가 걸려 있을 수도 있다. 아래의 태그가 있다면 자동링크는 되지 않는다-->
<meta name="format-detection" content="telephone=no">영상통화걸기 tel-av:
<a href="tel-av:전화번호"></a>
<div onclick="document.location.href='tel-av:전화번호'"></div>문자보내기 sms:
<a href="sms:전화번호"></a>
<div onclick="document.location.href='sms:전화번호'"></div>
메일보내기 mailto
<a href="mailto:메일주소"></a>
<div onclick="document.location.href='mailto:메일주소'"></div>반응형
'차근차근 > HTML CSS' 카테고리의 다른 글
| jsp 탭구현-자료모으는중 (0) | 2021.12.16 |
|---|---|
| 오른쪽 클릭, 드래그, 선택방지 (0) | 2021.12.15 |
| [meta] Handheldfriendly ..viewport.. (0) | 2021.12.15 |
| [HTML] meta / og태그 (0) | 2021.11.30 |
| [HTML] 우클릭/드래그/선택 안됨. (0) | 2021.11.30 |