【HTML】aタグのリンク先を電話番号やメールアドレスに設定する

エンジニア

コーディングで久しぶりに対応するものは忘れますよね。その為にスニペットの機能とかあると思いますが。全部、覚える必要はなくて必要になったら、調べればいいと思っています。

今回もそんな内容です。
aタグのリンク先を電話番号やメールアドレスにしたい時、href=””の書き方を変えないといけませんね。これができるということを知らないと、そのままテキストで書いてあったりしますが、電話番号をメモしてから電話かけたり、メールアドレスをコピーして貼り付けたりしなければならないのでUX的によくないですね。

はい、下記の方法で解決できます。

電話番号の時<a href=”tel:01201234567″>電話をかける</a>
メールアドレスの時<a href=”mailto:メールアドレス”>表示するテキスト</a>

できましたね!
電話番号の場合は「href=”tel:”」に対象の電話番号を、メールアドレスの場合は「href=”mailto:”」に対象のメールアドレスを記入すれば万事解決!
このように埋め込みしてあげると、クリックした際に電話をかける画面やメール作成画面に移るので使いやすですね!

それではまた。

関連記事

特集記事

コメント

この記事へのコメントはありません。

CAPTCHA


TOP