Webの記録

スマートフォン用サイトで、タップで電話をかけさせたい時

投稿日:

この記事は約 2 分で読めます。

s00229

スマートフォン用のサイトで、必要になったのでメモ。

ボタンをタップした時に電話をかけさせたい時の記述と、郵便番号などの数字を電話番号と間違えて勝手に電話番号のリンクが生成されないようにする記述です。


ボタンをタップした時に、電話をかけさせたい時の記述

とても簡単!単純に手動でリンクの記述。

                <a href="tel:電話番号の数字を入れる">リンクさせたい電話番号や画像などをここに入れる</a>

電話番号ではない数字にリンクがつかないようにする記述

以下をheaderに入れておく。

<meta name="format-detection" content="telephone=no">

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

scroller.jsで「するするスクロール」にチャレンジ♪

この記事は約 1 分で読めます。以前、yuga.jsを使ってページ内リンクを「するするスクロール」にチャレンジしました。 今回は、scroller.jsを使って同じような事をやってみたいと思います。 …

no image

Facebookの個人プロフィールに勤務先のFacebookページをリンクさせる方法

この記事は約 1 分で読めます。 Facebookの個人プロフィールに、勤務先を入れた時に勤務先のFacebookページとうまくリンクされない事があります。 案外、ココがクリックされているようで・・・ …

no image

Yahoo!アクセス解析を設定してみました!

この記事は約 1 分で読めます。 2013年10月30日にリリースされた「Yahoo!アクセス解析」。 まだまだリリースされて日が浅いのでGoogle Analyticsほどの資料が見つからないのです …

no image

IE6で透過pngを表示してみました♪

この記事は約 1 分で読めます。IE6対策をいつまですれば良いのかなぁというところですが、まだもう少しIE6を意識してサイトを作ってます。 今回は、IE6ではキレイに表示されない透過pngをキレイに表 …

no image

baserCMSでログインできなかった時に試したこと

この記事は約 1 分で読めます。 baserCMS初心者なので、まだいろいろと分からないことだらけです。。。 インストールして、数日ログインしてなかったら・・・何故かログインできなくて困ったので、試し …