「meta name=”format-detection” content=”telephone=no”」

HTML5

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

ホームページの作成を教えていると、当然ながら日々自分も勉強しないといけません。

今回は、ソースコードの中にこんなん見つけました。

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

これは、電話番号の自動検出を無効化させるためのコードなのですが、

「スマホから電話番号クリックして電話できるから便利やんか?」

と思われるかもしれませんが、実は電話番号らしい番号も電話番号として検出してしまうのです。

例えば、ある商品の型番とか。。。

それはたまったもんではありません。

そこで、無効化する必要があるのです。

電話番号にリンクを設定したい場合は、a要素の tel: (スマートフォン向け)を使用した方がいいのですよ。

例えばこんな感じで。

<a href=”tel:●●●●”>電話はこちらへ</a>

※●●●●に電話番号を、-(ハイフン)抜きで入れます。

タイトルとURLをコピーしました