SW/HTML

HTML : HTML5를 사용하여 전화 번호 링크 추가 : 예제, 구현

얇은생각 2020. 7. 25. 07:30
반응형

HTML : HTML5를 사용하여 전화 번호 링크 추가 : 예제, 구현

 

일반적으로 전화 번호는 방문자에게 상호 작용을 제공하지 않는 정적 숫자 텍스트로 웹 페이지에 추가됩니다. 점점 더 많은 사람들이 휴대 전화에서 인터넷을 사용하면서 전화 번호를 클릭 가능한 영역으로 변경하여 휴대 전화에서 직접 전화 번호로 전화를 걸 차례입니다.

휴대 전화에서 여러 웹 페이지로 전화를 걸려면 전화 번호를 복사하여 휴대 전화에 붙여 넣어 다이얼해야합니다. 이 새로운 기능을 사용하면 이메일과 마찬가지로 전화 번호 링크를 통해 전화를 걸 수 있습니다.

방문자가 웹 페이지에서 직접 이메일을 보내도록하려면 페이지에 링크를 만들고 href :에서 mailto :를 사용하십시오.

 

<a href="mailto:example@example.com">Example Email</a>

 

 

 

이 링크를 클릭하면 기본 메일 클라이언트가 열리고 전자 메일 주소로 채워진받는 사람 주소가 href 인 새 전자 메일이 만들어집니다. 전화 번호를 클릭 가능하게하고 링크에서 번호를 호출하려면 전화를 걸 번호와 함께 tel : 속성을 사용하십시오.

<p>Book now, call <a href="tel:01234567890">01234 567 890</a></p> 

 

 

 

Skype

링크가 스카이프를 열어 전화를 걸려면 tel 속성을 callto :로 변경해야합니다.

<p>Book now, call <a href="callto:01234567890">01234 567 890</a></p>

 

반응형