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>
連絡先を表示する