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.

関連記事

no image

画面のスクリーンショット(キャプチャー)をとる3つの方法+1

この記事は約 2 分で読めます。 Webサイトのスクリーンショット(キャプチャー)をとる時、画面に表示されている部分のみの場合や、Webサイト1ページ分全体などあります。 特にWebサイト1ページ全体 …

no image

軽量で簡単に設置出来るjQueryスライダー「FlexSlider」。

この記事は約 1 分で読めます。 今までいくつかのjQueryスライダーライブラリを利用しました。今回も軽量で簡単に設置が出来る「FlexSlider」を見つけたので、早速メモです。 スマートフォンで …

no image

スマホ用にWebクリップアイコンを設置してみた

この記事は約 1 分で読めます。 Webクリップアイコンの設置はとても簡単!アイコン素材をちゃんとアップして、1行link要素を書くだけです。 iPhone、iPad、Androidでホーム画面にショ …

no image

jQuery「Supersized」でフルスクリーンのスライドショーを簡単設置

この記事は約 1 分で読めます。 大きな画像をフルスクリーンでスライドするjQueryライブラリ「Supersized」を試してみました。 画面のサイズが変わっても、画像の縦横比を維持したままキレイに …

no image

Photoshopのテキストレイヤーからテキストを抽出する方法

この記事は約 2 分で読めます。 Photoshopで作られたカンプからコーディングをする時に、テキストレイヤーにある文字をいちいち入力するのは面倒だと思いつつ、今まで全て手打ちしてました。。。時間ロ …