TELリンクをクリックで直接電話を掛けられるリンクにする方法2014年4月19日TELリンクをクリックで直接電話を掛けられるリンクにする方法HTML・CSSブログを書いていて、分からなかった為に調べて覚えた細かいテクニックは沢山あります。その中のひとつに電話番号のリンクはどうすれば直接電話できるリンクになるのか?という疑問がありました。リンクってURLだけのものなんじゃないの?と思いがちなのですが、実は電話番号リンクというものは存在します。実際に色んなサイトで普通に利用されていると思いますが、その方法は知っているようで意外と知らない。今回はその、「リンクを押すと、直接電話がかかるようにできる方法」を紹介したいと思います。スポンサーリンク簡単!電話番号をリンクURLにする方法ここでは090-XXXX-6238という電話番号をサンプルにしてみました。ソースコードはこのようになります。href="tel:090XXXX6238">090-XXXX-6238</a>解説まず、電話番号を下記のHTMLのリンクタグで囲みます。href=""></a>※ここでは090-XXXX-6238という仮の電話番号を使います。href="">090-XXXX-6238</a>のようになります。“」の間にリンクテキストを入力します。href=”https://watanabemitsutoshi.com/”のようにURLを入力する場所です。ここでポイントなのは、ハイフンを省いた電話番号を入力すること、前にtel:を付けることです。←今回の電話番号ではこのようになります。tel:090XXXX6238というテキストを先ほどのリンクURLを入力するだけでOKということです。いうわけで090-XXXX-6238となります。スマホでクリックしてみてください。発信ボタンが立ち上がるはずです。※PCの方は「開けるアプリケーションがありません。」となり、エラーが出ます。href="tel:ハイフン抜きの電話番号">ハイフン入りの電話番号</a>このソースをコピーペーストで使ってみてください。電話番号をリンクタグで囲むリンクタグのURL部分にtel:ハイフン抜きの電話番号を入力また、ハイフン入りでもハイフンが入っていてももしかしたら機能するかもしれませんが、ここでは正確な方法を紹介しました。ブログでカフェ紹介や施設紹介をする場合やホームページ作成などに使ってみてください。likeHTML・CSSEmmetのススメ。3.9にアップデートすべきたったひとつの理由2014年4月23日まとめ定評BOXはついに2万PV達成しました!!「2万で足りるのか・・?」2014年4月16日テーマカスタマイズ『Stinger3』のmoreタグにレクタングルを入れるとiPhoneでズレる?簡単にCSSで修正する方法を考えてみた。コメントをキャンセルメールアドレスが公開されることはありません。Mitsutoshi。