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 画像でも問題なし

まとめ

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

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

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

ではまた!

ABOUT ME
テルプロ
東京都在住のアプリエンジニア。大学では、ソフトウェア開発の研究に取り組む。長期のエンジニアインターンシップを経て、実務スキルを磨き、現在はフリーランスエンジニアとしても活動中。メインはモバイルアプリ開発。IT関連の記事監修も行い、技術の共有と普及に励んでいます。 監修実績(レバテックフリーランス
Flutter関連の書籍を出版しました!