閉じる
閉じる

あまめも

【HTML】「クリックして電話をかけたい!」それ簡単に実現できます

電話

こんにちは! あますた(@amaguristar)です。

  • 「サイトの電話番号をクリックしたらそのまま電話をかけられる様にしたい!」

そんな時ありませんか? 今回は一番簡単な方法をサクッと紹介。

 

リンクタブを使用

単純に<a>タブを使用すると電話をかけることが可能です。

もちろん電話機能が着いてるスマホ等でしか電話をかけれません。

サクッとコードを紹介すると、

<a href="tel:0300000000">03-0000-0000</a>

の様な形で記述します。

<a href="tel:電話番号">〜</a>

単純に電話番号をリンクしてると考えると分かりやすいと思います。

ちなみに『電話番号』の記述は「-」があってもなくても認識されます。

<a href="tel:0300000000">〜</a>
<a href="tel:03-0000-0000">〜</a>

どちらも正しく認識されます。

まとめ

サイトで電話番号をタップして電話をかける様にするには、

<a href="tel:電話番号">〜</a>

と<a>タグを使用。

関連記事

  1. インフォ

    画面のサイズに合わせて拡大縮小する画像の簡単なCSS設定

  2. ファイルの管理がめんどくさくなってきたから「Git」使ってみた!…

  3. リンク

    サイトでリンク箇所に分かりやすくアイコを追加する方法【css】

  4. 【Mac】MAMPのMySQLを使ってコマンド入力する為のパスの…

  5. [甘]ブログに関連記事を追加しようと思って「WordPress …

  6. Gitを使用してると「このファイルは管理しないんだけど・・・」っ…

こんなメモもありますよ♪

  1. 錦の看板
  2. 長崎ちゃんぽん リンガーハット

Twitter

ページ上部へ戻る