HTML

これで完璧！aタグの電話・メール・別タブリンクの使い方

aタグ 2025.04.28

「aタグ」はリンクを貼るための超基本タグですが、
電話やメール、別タブリンクの設定って意外と忘れがち。
この記事ではよく使う設定をまとめます！

  <a href="https://example.com">リンクテキスト</a>

基本はこの形で書きます

  <a href="tel:0123456789">電話する</a>

href=””の中に tel: を書き、続いて電話番号を書きます

ちなみに、href=”tel:”にはハイフンを含んでもOK

  <a href="tel:000-000-000">000-000-000</a>

  <a href="mailto:example@example.com">メールする</a>

href=””の中に mailto: を書き、続いてメールアドレスを書きます

  <a href="https://example.com" target="_blank">別タブで開く</a>

aタグ内に target=”_blank” を書くと別タブで開きます

※別タブで開くときにあるといいセキュリティー対策についてはこちらの記事を確認！

案外よく忘れる設定も、仕組み自体は簡単！

ぜひ、この記事をブックマークして、必要なときに見返してくださいね！