電話番号などの数字に自動的にリンクが張られるのを禁止するタグ。
対象 : iOS(iPhone) / Safari
スマートフォンはフィーチャーフォンと同様、以下のようにタグ(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 | リンクなし | リンクなし | 有り | ? |
文字列 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 | リンクなし | リンクなし | 有り | ? |