WEBサイトのコーディングをする上で、必ず行わなければいけない作業がいくつかあるかと思います。
今回はその中から、私がコーディング初心者の時にもっと早く知りたかったことをご紹介します。

メールアドレスのエンティティ化（暗号化）

まず1つ目はメールアドレスのエンティティ化（暗号化）です。
インターネット上にはメールアドレスを収集するロボットが存在します。
収集をされないために表記上はもちろん、aタグのメールアドレスまでエンティティ化を行わなければいけません。

メールアドレスのエンティティ化については、メールアドレスを入力するだけで自動で変換を行ってくれるサイトがいくつもあるのでそう難しくはありません。

電話番号のリンクについて

2つ目は電話番号のリンクです。
aタグを使用し、リンクを押すと電話がかけられるように設定を行うのは、レスポンシブ化がデフォルトとなっている今当然行わなければいけません。

ただ、PC表示の場合はリンクを「pointer-events: none;」で切ってしまったほうが良いかと思います。
PCで電話をする人はあまりいないですし、サイトを見ている際に誤って電話番号をクリックしてしまい余計な表示を出しユーザーを煩わせないためにも切っておくほうが無難かと思います。