HTML로 전화번호 링크 만들기

Subodh Poudel 2023년2월19일
HTML로 전화번호 링크 만들기

이 문서에서는 HTML을 사용하여 모바일 장치에서 전화번호로 전화를 거는 방법을 안내합니다. 먼저 링크가 호출될 때 번호를 호출하는 HTML로 링크를 생성합니다.

HTML에서 전화번호에 대한 하이퍼링크 만들기

하이퍼링크를 만드는 데 사용되는 앵커 a 태그를 사용하여 HTML로 전화번호 링크를 만들 수 있습니다. a 태그 사이에 읽을 수 있는 형식으로 전화번호를 지정하고 href 속성에 설정할 수 있습니다.

tel: 키워드 다음에 href 속성의 전화번호를 사용합니다. 이 구문은 전화를 전화번호로 연결하는 링크를 만듭니다.

예를 들어 a 태그를 만들고 href 속성에 tel:907-212-7084를 작성합니다. 다음으로 a 태그 사이에 같은 숫자를 쓰십시오.

모바일 장치에서 웹페이지를 방문하면 전화번호가 있는 클릭 가능한 링크가 나타납니다. 하이퍼링크를 클릭하면 전화번호가 있는 전화번호 다이얼 패드로 사용자를 리디렉션합니다.

예제 코드:

<a href="tel:907-212-7084">907-212-7084</a>

웹 페이지의 사용자가 다른 국가에 있을 수 있으므로 전화번호 앞에 국가 코드를 사용하는 것이 좋습니다.

아래 예는 미국 전화번호를 나타냅니다.

예제 코드:

<a href="tel:+1-907-212-7084">+1-907-212-7084</a>

위의 예에서 숫자 사이의 - 기호는 가독성을 위해 작성되었습니다. 이러한 형식으로 작성해야 하는 것은 아닙니다.

다른 국가에서 전화를 걸 때 국가 코드를 사용해야 합니다. 귀하의 국가 내에서만 제한된 지역 비즈니스가 있는 경우 웹사이트에서 국가 코드를 사용할 필요가 없습니다.

Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn