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

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

ブラウザによる電話番号への自動リンクを無効化する方法
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加
  • follow us in feedly


  • 一式98,000円~の格安プランをご用意!Web制作お任せください!
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

スポンサードリンク

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

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

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

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

あとがき

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

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

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

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。