iPhoneやiPadで電話番号にリンクが自動で付くのを防ぐ方法

webサイトを構築している際にiPhoneやiPadで電話番号が消える現象が起きた。

正確には電話番号がリンク状態になり、背景色と同化してしまったのが原因。

iPhoneやiPad、おそらくAndroid携帯でも同じかもしれないが、スマホでは電話番号に自動で電話をかけるリンクを付けると言うことを忘れていた。さらに、連続した数字を電話番号だと誤認識してリンクを貼ってしまいます。

この余計な機能を無効にするには、専用のmeta要素を追加します。

<meta name=“format-detection” content=“telephone=no”>

忘れがちですので個人的メモ