Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<address>

<address> は HTML の要素で、この中の HTML が個人、団体、組織の連絡先情報を提供していることを示します。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<address>
1
12
1
1
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<address>
  <p>Author: Taro Yamada</p>
  <p>Email: <a href="mailto:taro@example.com">taro@example.com</a></p>
  <p>1-2-3 Shibuya, Tokyo</p>
</address>

ライブデモ

会社の連絡先

address 要素で会社情報を構造化。スタイルでカード風に表示。

プレビュー全画面表示

個人プロフィール

著者や個人の連絡先を表示。アイコン風のテキストを添えたデザイン。

プレビュー全画面表示

フッター内の連絡先

ページフッターに配置するコンパクトな連絡先表示。

プレビュー全画面表示

実務での使いどころ

  • <address> の活用

    <address> は HTML の要素で、この中の HTML が個人、団体、組織の連絡先情報を提供していることを示します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク