답변:
대부분의 최신 장치는 tel : 체계를 지원합니다. 그래서 사용 <a href="tel:555-555-5555">555-555-5555</a>하고 잘 가야합니다.
이미지에 이미지를 사용하려는 경우 <a>태그는 다음 <img/>과 같은 다른 일반적인 상황과 마찬가지로 태그에 배치 할 수 있습니다 .<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
완전성을 위해 여기에 답변을 추가하고 싶습니다.
<a href="tel:1234567">Call 123-4567</a>대부분의 장치에서 잘 작동합니다. 그러나 데스크톱에서는 링크를 클릭 할 때 아무런 영향을 미치지 않는 링크로 표시되므로 CSS를 사용하여 모바일 장치에서만 조건부로 표시하도록 고려해야합니다.
또한 Skype (아주 인기있는)는 기본적으로 다른 구문을 사용하지만 tel :을 사용하도록 매개 변수를 지정할 수 있습니다.
<a href="callto:1234567">Call 123-4567</a>그러나 최신 모바일 브라우저 (Android에서 확실히 알고 있음)에서 tel구문은 호출 작업을 완료하는 데 사용할 수있는 사용 가능한 응용 프로그램 팝업을 제공해야한다고 생각합니다.
클릭 가능한 스마트 폰 링크 코드 :
다음 링크는 클릭 가능한 전화 링크를 만드는 데 사용할 수 있습니다. 아래 코드를 복사하여 웹 페이지에 붙여 넣은 다음 전화 번호로 편집 할 수 있습니다. 이 코드는 일부 휴대 전화에서는 작동하지 않지만 iPhone, Droid / Android 및 Blackberry에서는 작동합니다.
<a href="tel:1-847-555-5555">1-847-555-5555</a>전화 번호 링크는 위와 같이 대시와 함께 사용하거나 다음 예제와 함께 사용할 수 있습니다.
<a href="tel:18475555555">1-847-555-5555</a>다음 예와 같이 전화 번호가 "tel : 18475555555"로 설정되어 있으면 링크의 모든 텍스트를 사용할 수도 있습니다.
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>아래는 클릭 가능한 전화 하이퍼 링크입니다. 대부분의 비 휴대폰 브라우저에서이 링크는 "웹 페이지를 표시 할 수 없습니다"오류를 발생 시키거나 아무 일도 일어나지 않습니다.
참고 : iPhone Safari 브라우저는 페이지에서 전화 번호를 자동으로 감지하여이 페이지의 코드를 사용하지 않고 텍스트를 통화 링크로 변환합니다.
WTAI 스마트 폰 링크 코드 : WTAI 또는 "Wireless Telephony Application Interface"링크 코드는 다음과 같습니다. 이 코드는 올바른 휴대 전화 프로토콜로 간주되며 Droid와 같은 스마트 폰에서는 작동하지만 iPhone의 Apple Safari에서는 작동하지 않을 수 있으므로 위의 코드를 권장합니다.
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 기본적으로 접두사가 앞에 붙은 전화 번호를 가리키는 <a>요소가 있는 요소를 사용하십시오 . 더하기 (+)를 사용하여 국가 코드를 지정할 수 있으며 하이픈은 사람의 눈을 위해 포함될 수 있습니다.hreftel:
MDN 웹 문서
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
HTML의
<a>요소 (또는 앵커 요소)의 HREF 속성과 함께, 다른 웹 페이지, 파일, 같은 페이지 내의 위치, 이메일 주소 또는 다른 URL에 대한 하이퍼 링크를 작성합니다.[…]
전화 링크를 제공하면 전화에 연결된 웹 문서 및 랩톱을 보는 사용자에게 도움이됩니다.
<a href="tel:+491570156">+49 157 0156</a>
IETF 문서
https://tools.ietf.org/html/rfc3966
tel전화 번호 의 URI"tel"URI의 구문은 다음과 같습니다.
telephone-uri="tel:"전화 가입자[…]
예
tel:+1-201-555-0123:이 URI는 미국의 전화 번호를 가리 킵니다. 하이픈은 숫자를보다 읽기 쉽게하기 위해 포함됩니다. 국가, 지역 번호 및 가입자 번호를 구분합니다.
tel:7042;phone-context=example.com: URI는 "example.com"컨텍스트 내에서 유효한 로컬 전화 번호를 설명합니다.
tel:863-1234;phone-context=+1-914-555: URI는 특정 전화 접두사 내에서 유효한 로컬 전화 번호를 설명합니다.
HTML 앵커 태그를 사용 <a>하고로 속성 href을 시작하십시오 tel:. 국가 코드로 전화 번호를 시작하는 것이 좋습니다. 다음 예에주의하십시오.
<a href="tel:+989123456789">NO Different What it is</a>이 예에서 국가 코드는 +98입니다.
힌트 : 휴대폰에 매우 적합tel:합니다FaceTime. macOS에서는접두사 호출을알고있지만 Windows에서는 확실하지 않지만 Skype가 시작된 것 같습니다.
자세한 정보 : 브라우저 에서 지원하는 URL 스킴 목록을 방문 하여 모든 href값 접 두부 를 알 수 있습니다.