ブラウザによる電話番号への自動リンクを無効化する方法

ブラウザによる電話番号への自動リンクを無効化する方法

ブラウザによる電話番号への自動リンクを無効化する方法

ブラウザによっては、テキストでサイト内に記述している電話番号を認識して、自動的に電話発信用のリンクを付与します。この機能は、テキストとして表示したい箇所がリンクになってしまい、思わぬデザインの崩れを引き起こしてしまう可能性があります。

そういったことを防ぐために、電話番号への自動リンクを無効化する方法をご紹介いたします。

ブラウザによる電話番号への自動リンクを無効化する方法

HTMLの<head>~</head>内に、以下のメタタグを追加しましょう。

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

これで、電話番号への自動リンクを防ぐことができます。

あとがき

意図的に電話発信用のリンクを設置するのは良いのですが、意図していない箇所を勝手にリンクにされてしまうのは困りますね。

電話番号への自動リンクを防止したい方は、ぜひ参考にしていただければ幸いです。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です