CLASS web

HTML

모바일에서 전화걸기 링크

모바일에서 전화걸기 링크

스마트폰으로 웹사이트의 전화번호를 누르면 바로 전화걸기 창이 뜹니다. 이것을 하는 방법에 대해서 알아볼게요.
전화번호는 a 태그를 이용합니다.

a태그를 사용하여 모바일웹에서 전화번호 클릭시 전화거는 방법

<a href='tel:전화번호'>링크에 표시할 내용</a>

예를 들어 전화번호가 010-0000-0000라고 하면 다음과 같이 표시할 수 있습니다.

<a href='tel:010-0000-0000'>전화하기</a>

그럼 예제를 통해서 알아봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>모바일웹에서 전화걸기 링크 만들기</title>
</head>
<body>
    <a href='tel:010-0000-0000'>전화하기</a>
</body>
</html>

결과는 바로 아래에서 확인할 수 있습니다.







위의 예제를 모바일웹에서 접속하여 실행해 주세요.

위와 같이 모바일에서 링크를 누르면 전화를 걸 수 있습니다.





댓글 0개

정렬기준

PinkCoding

PinkCoding

X

PinkCoding

Web Scratch Pad

X

loading

            
            
        

컨텐츠로 돌아가기