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

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

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

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

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

それではまた。