トップページ  > ウェブ制作チュートリアル  > スマホで自動的にTELリンクさせない
第25章 メールリンク、TELリンク

★スマホで自動的にTELリンクさせない

スマホで数字が自動的にTELリンク表示になる

電話番号ではない数字が勝手にTELリンクにならないように、自動TELリンクを外す指定をしましょう。

いま作成中の「会社概要」のページ(profile.html)を、スマートフォンで開くと以下のような画面となります。 profile.htmlではTELリンクを設定していないのに電話番号やFAX番号がリンク表示になっており、タップすれば電話が発信されるようになっています。

これは、スマートフォンの機能で、電話番号とおぼしき数字の羅列がある場合には、自動的にTELリンク表示になることがあるためです。

この機能は、電話番号をテキスト打ちしてウェブページ上に掲載するだけで、TELリンクにしてくれるので便利ではありますが、 関係の無い、例えば、FAX番号や単なる数値であってもTELリンクにしてしまうことがあります。

スマホで自動的にTELリンクさせない

この自動TELリンクを外すには、HTMLのmeta要素で指定します。 profile.htmlに以下の記述を追加してください。

HTMLソース(profile.htmlの抜粋)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">

保存をしたら、スマートフォンをお持ちの場合には確認してみましょう。 電話番号やFAX番号がクリック出来ないようになっていれば成功です。

ここまでの制作段階で、サンプルサイトは以下の状態となっています。

まとめ
  1. スマートフォンなどでは、電話番号とおぼしき数字が自動的にTELリンク表示となることがある
  2. 関係の無い単なる数値であっても、勝手にTELリンクにしてしまうことがある
  3. meta要素の指定で、自動TELリンクを無しにすることができる
<前へ 目次へ 次へ>
▲ページ先頭へ
トップページ  > ウェブ制作チュートリアル  > スマホで自動的にTELリンクさせない
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ