電話番号ではない数字が勝手にTELリンクにならないように、自動TELリンクを外す指定をしましょう。
いま作成中の「会社概要」のページ(profile.html)を、スマートフォンで開くと以下のような画面となります。 profile.htmlではTELリンクを設定していないのに電話番号やFAX番号がリンク表示になっており、タップすれば電話が発信されるようになっています。
これは、スマートフォンの機能で、電話番号とおぼしき数字の羅列がある場合には、自動的にTELリンク表示になることがあるためです。
この機能は、電話番号をテキスト打ちしてウェブページ上に掲載するだけで、TELリンクにしてくれるので便利ではありますが、 関係の無い、例えば、FAX番号や単なる数値であってもTELリンクにしてしまうことがあります。
この自動TELリンクを外すには、HTMLのmeta要素で指定します。 profile.htmlに以下の記述を追加してください。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
保存をしたら、スマートフォンをお持ちの場合には確認してみましょう。 電話番号やFAX番号がクリック出来ないようになっていれば成功です。
ここまでの制作段階で、サンプルサイトは以下の状態となっています。
<前へ | 目次へ | 次へ> |