HTML & CSS - 連絡先を表示する

連絡先を表示する

連絡先を表示するには、address 要素の中に記述します。address 要素は、その内容が問い合わせ先であることを示す要素です。article 要素に含まれている場合はセクションに関する問い合わせ先となり、そうでない場合は文書全体に関する問い合わせ先となります。

<!DOCTYPE html>
<html lang="ja">
  ...
  <footer>
    <address>murashun@gmail.com</address>
  </footer>
  ...
</html>
連絡先を表示する

メールアドレスをクリックするとメール送信する機能を持たせるには mailto: を付与します。

<address>
  <a href="mailto:murashun@gmail.com">murashun@gmail.com</a>
</address>
連絡先を表示する

電話番号をクリックすると発信する機能を持たせるには tel: を付与します。電話番号の最初の 0 を +81 にすることで国外からでも電話をかけることができます。

<address>
  <a href="tel:+819012345678">090-1234-5678</a>
</address>
連絡先を表示する

関連記事