デフォルトだとこんな風になります

iPhoneのSafariでWebサイトを表示した時、Safariは “電話番号と思われる数字の羅列” を “勝手に” 電話番号として認識しちゃいます。いくつかのパターンで試してみました。

実際記述したのは以下のコード。

<ol>
<li>03-0000-0000</li>
<li>03.0000.0000</li>
<li>03 0000 0000</li>
<li>045(00)000</li>
<li>045(000)0000</li>
<li>192.168.1.1</li>
<li>158-0000</li>
<li>(100001110)2 : 270</li>
<li>0.101001000100001</li>
<li>1/101010101010</li>
</ol>

基本的に電話番号っぽいものしか反応していませんが、郵便番号として記載した数字まで電話番号として認識されちゃいました。

電話番号の自動認識機能をOFFるにはこの一行

電話番号の自動認識を無効にするには、以下のように記述します。

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

そして、正しく電話番号として認識されたいところにのみ、a要素に href="tel:電話番号" を指定しましょう。

<a href="tel:0312345678">03-1234-5678</a>

思わぬところで電話番号として認識されないよう、予め自動認識はOFFにしておくのが良さそうです。