電話番号への自動リンクを禁止する - スマートフォン(iPhone、Android)

更新:

電話番号などの数字に自動的にリンクが張られるのを禁止するタグ。
対象 : iOS(iPhone) / Safari

電話をかけるタグ - phoneto

スマートフォンはフィーチャーフォンと同様、以下のようにタグ(a要素)を書くとリンク選択時に電話を掛けられる。

<a href="tel:0301234567">03-0123-4567</a>

(電話番号が 03-0123-4567 の例)

iPhone と Android スマホのいくつかのブラウザで動作を確認した。 電話番号のリンク選択後すぐに発信せず、発信確認画面などが表示される。

電話番号への自動リンク禁止

iPhone の Safari などは、上記のタグを書かなくても数字に自動的にリンクが張られる。 ただ、220.100.10.10 のようなIPアドレスにもリンクを張ってしまう。 自動的にリンクを張らないようにするには以下のタグ(meta要素)を <head> から </head> の間に書く。

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

詳しくは Apple のサイト Supported Meta Tags に書いてある。

数字へのリンクに関して iPhone と Android スマホのいくつかのブラウザで確認してみた。 220.100.10.10 という文字列に自動的にリンクが張られたのは iOS では Safari、Android では Opera Mobile。 03-0123-4567 という文字列に自動的にリンクが張られたのは iOS では SafariとSleipnir、Android では Opera Mobile。 telephone=no を指定して自動リンクを禁止できたのは iOS の Safari と Sleipnir で、Android の Opera Mobile は禁止できなかった。 まとめると下表のようになっている。 ブラウザの設定はデフォルト。

iPhone 4S、iOS 5.1.1
文字列
220.100.10.10
文字列
03-0123-4567
telでの発信画面表示 telephone=no
Safari リンク有り リンク有り 有り 有効
Google Chrome 19.0 リンクなし リンクなし 有り
Opera Mini 7.0.2 リンクなし リンクなし 有り
Sleipnir 2.0 リンクなし リンク有り 有り 有効
iLunascape 3.4.1 リンクなし リンクなし 有り

Xperia NX SO-02D、Android 2.3.7
文字列
220.100.10.10
文字列
03-0123-4567
telでの発信画面表示 telephone=no
Androidブラウザ リンクなし リンクなし 有り
Firefox 14.0 リンクなし リンクなし 有り
Opera Mobile 12.0 リンク有り リンク有り 有り 無効
Opera Mini 7.0 リンクなし リンクなし 有り
Sleipnir 2.0.4 リンクなし リンクなし 有り
iLunascape 1.1.0.0 リンクなし リンクなし 有り
このエントリーをはてなブックマークに追加