HTML で電話番号リンクを作成する

Subodh Poudel 2023年2月19日 2022年8月26日
HTML で電話番号リンクを作成する

この記事では、HTML を使用してモバイルデバイスから電話番号に電話をかける方法について説明します。まず、HTML でリンクを作成します。このリンクは、リンクが呼び出されたときに番号を呼び出します。

HTML で電話番号のハイパーリンクを作成する

ハイパーリンクの作成に使用されるアンカーa タグを使用して、HTML で電話番号リンクを作成できます。a タグの間に読み取り可能な形式で電話番号を指定し、それを href 属性に設定できます。

tel:キーワードの後に​​href 属性の電話番号を使用します。この構文は、電話を電話番号に転送するためのリンクを作成します。

たとえば、a タグを作成し、href 属性にtel:907-212-7084 と書き込みます。次に、a タグの間に同じ番号を書き込みます。

モバイルデバイスから Web ページにアクセスすると、電話番号が記載されたクリック可能なリンクが表示されます。ハイパーリンクをクリックすると、ユーザーは電話番号が記載された電話番号のダイヤルパッドにリダイレクトされます。

サンプルコード:

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

Web ページのユーザーは別の国から来ている可能性があるため、電話番号の前に国コードを使用することをお勧めします。

以下の例は、米国の電話番号を表しています。

サンプルコード:

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

上記の例の数字の間の - 記号は、読みやすくするために書かれています。このような形式で書くことは必須ではありません。

他の国から電話番号をダイヤルする場合は、国番号を使用する必要があります。国内のみに限定されたローカルビジネスがある場合は、Web サイトで国コードを使用する必要はありません。

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