edge、safari(スマートフォン版)で電話番号にリンクがつく


名称未設定 1

edgeやsafari(スマートフォン版に限り)で、ページ内に書かれている電話番号にリンクがついてしまう件について。
<HEAD>タグ内に、
<meta name=”format-detection” content=”telephone=no”/>
と、記載することで回避することができます。
あまり実害のあるものではないのでそのままでもいいのですが、やはりリンクカラーになってしまうことやアンダーバーがついてしまうことで、意図したデザインを損ねる場合などは対応した方がいいかもしれないですね。

ちなみに、Microsoftの解説によると、IE11 + windows8以降であれば同じようにリンクがつくらしいのですが、こちらではどのPCでも反映されないですね・・。
また、東京や大阪など aa-bbbb-cccc という形式だとリンクがつかないというのも少し謎です。
もちろん、aabbbbcccc という形では、電話番号として認識されないためリンクはつきません。
これも謎です(笑)

引用:
https://msdn.microsoft.com/ja-jp/library/dn265018%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396
https://msdn.microsoft.com/ja-jp/library/dn454587(v=vs.85).aspx