SYNCERのロゴ
アイキャッチ画像

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

スマホのブラウザは、電話番号に自動で電話をかけるリンクを付けます。また、連続した数字を電話番号だと誤認識してリンクを貼ってしまいます。この余計な機能を無効にするには、専用のmeta要素を追加します。

サンプルコード

name属性に"format-detection"、content属性に"telephone=no"を指定したmeta要素を用意しましょう。

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

デモ

デモは、iPhoneなどでご確認下さい。

リンクを付けない

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
	<meta name="format-detection" content="telephone=no">
</head>
<body>
	<p>電話番号にリンクは付きません。</p>
	<p>09012345678</p>
	<p>人数は 12934 人だ。</p>
	<p>人数は 1293423 人だ。</p>
	<p>人数は 129343413 人だ。</p>
	<p>人数は 129343413 人だ。</p>
	<p>081725480 人だ。</p>
</body>
</html>

デフォルトの場合

参考までに、meta要素を設定しない、デフォルトの場合を確認してみて下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
	
</head>
<body>
	<p>自動で電話番号にリンクが付きます。</p>
	<p>09012345678</p>
	<p>人数は 12934 人だ。</p>
	<p>人数は 1293423 人だ。</p>
	<p>人数は 129343413 人だ。</p>
	<p>人数は 129343413 人だ。</p>
	<p>081725480 人だ。</p>
</body>
</html>
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年6月22日 (木)
コンテンツを公開しました。