html

《html》スマホで電話番号のリンクをタップして電話発信する方法(htmlのコピペ)

便利なClick to Callとは

スマホなど通話機能を備えた端末では、ユーザーはウェブサイトや広告に表示された電話番号をタップするだけで、簡単に電話をかけることができます。
この機能は一般にClick to Call呼ばれます。

リンクタグにtel: スキームを使用

tel: スキームを使用して、電話番号にハイパーリンクを設定します。

htmlに電話番号を入力するためのタグのコピペ

tel:の部分には半角数字で電話番号を入力。
通常のハイパーリンクタグと同じで、リンク文字には「電話番号」や「今すぐ電話」などのテキストや、「画像」を追加することができます。

↑ここからソースコードをコピーできます。

画像で電話番号にリンクするならこれをコピペ

通常のリンクのhtmlと同じ考え方で大丈夫です♡

↑ここからソースコードをコピーできます。

これを実際に書いてみるとこのようになります。

電話のアイコンをタップしてみてください📱

HTMLで電話発信ボタン

tel:のハイフンは必要?

tel:の中にハイフンはどちらでもOKです。
Googleデベロッパーズではハイフンありの構文が紹介されています。

  • この記事を書いた人
  • 最新記事
Reino

Reino

佐賀県唐津市生まれ。東京育ちのフリーランス。
2013年小学館CanCam新世代モデルセミファイナリスト。
現役のときは青山学院大学、現在は慶應義塾大学で人生2回目の大学生、哲学を学んでいます。
SEOコンサル、Webマーケター、Webデザイナー、広告運用代理などのマルチスキルを生かしたWeb集客のお仕事が得意😄
個人でリカレント教育のメディアも運営しています。

プライベートブログ→美容やサガン鳥栖やファッション

私の別の顔😎→ UK Rockをこよなく愛するバンドThe Charlene.(シャーレイン)のボーカルMiuとして、作詞&作曲の大部分を手がけています。CDはタワレコなどにて全国発売中。詳しくはこちら

-html

© 2020 mieux