HTML / CSS

【タップで発信!】HTMLで電場番号のリンクを設定する方法

こんにちは、アプリ開発者のテルです!

「電話を発信させるリンクの作り方がわからない」とお悩みではないでしょうか?

テル

本記事ではそんな悩みを解決していきます!

本記事を読むメリット
  1. HTMLで電場番号のリンクを設定する方法を理解できる
  2. コピペですぐに電場番号のリンク実装できる

ソースコード

<a href="tel:000-1234-5678">000-1234-5678</a>

上記のコードをHTMLファイルに記入すると「000-1234-5678」このように表示されます。

この電話番号をクリックすれば、hrefで記述した電話番号に発信されます。

  • href属性にtel:半角数字で電話番号を入れる
  • <a>〜</a>の中には自由なテキスト or 画像でも問題なし

まとめ

今回は「電話を発信させるリンクの作り方」をまとめました。

パソコンで直接電話をかけることはあまりないと思いますが、スマホの場合はよく利用されるものなので、電話番号を記す際は必ず設定しておきましょう。

最後まで記事をご覧いただきありがとうございました!

ではまた!

Flutter関連の書籍を出版しました!