HTML addressタグ：記事の著者とサイト運営者の連絡先

HTML <address>は、文書または個々の記事に責任を持つ著者や組織の連絡情報を特定します。郵便住所に限定されるものではなく、電子メール、電話、連絡ページのリンクを含むことができます。単に場所の説明として使用したり、すべてのアドレス文字列を囲むために使用しないでください。

誰の連絡先かを明確にする

address は、直近の祖先 article の連絡先情報を記述します。そのような article が存在しない場合は、body で表されるドキュメントに適用されます。これにより、記事の著者の連絡先とサイト運営者の連絡先を異なるスコープで配置できます。問い合わせを受ける人物または組織の名前を含めて、読者が誰に連絡するか分かるようにしてください。

完全な例：記事の著者とサイト運営者

次のドキュメントを contacts.html として保存し、ブラウザで開いてください。アドレスは例示用のドメイン example.test を使用しています; これは実際の受信者がいない練習用の値です。

<!doctype html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>著者とサイトの連絡先</title>
  <style>address { font-style: normal; }</style>
</head>
<body>
  <h1>サンプル技術ニュース</h1>
  <article>
    <h2>HTML文書の構造ガイド</h2>
    <p>ここに記事の本文を書きます。</p>
    <footer>
      <p>公開日：<time datetime="2026-10-30">2026年10月30日</time></p>
      <address>
        記事の著者：サンプル編集チーム<br>
        メール：<a href="mailto:editor@example.test">editor@example.test</a>
      </address>
    </footer>
  </article>
  <footer>
    <address>
      サイト運営：サンプル運営チーム<br>
      メール：<a href="mailto:site@example.test">site@example.test</a>
    </address>
  </footer>
</body>
</html>

編集チームの連絡先情報は記事内に表示され、サイトチームの連絡先情報は記事外に表示されます。公開日は連絡先情報ではないため、addressの外部にあるtime要素内に配置されています。CSSルールfont-style: normalは、連絡先情報の意味を保持しながら、デフォルトの斜体表示を削除します。

mailtoリンクはユーザーのメール処理アプリケーションを開くよう要求します。このHTML自体はメールを送信しません。実際の文書では、例を有効な受信者に置き換え、連絡先情報が公開可能であることを事前に確認してください。例のアドレスは実際の問い合わせを受け付けることはできません。

通常の住所や装飾用の斜体と区別する

著者や責任者の連絡先情報でない場合、目的地の場所や配送先住所に自動的にaddressを使用しないでください。文脈に応じて、通常の段落またはリストを使用してください。デフォルトの斜体スタイルも、addressで強調された文を配置する理由にはなりません。

連絡先情報に関連する内容のみを保持してください。addressの中に見出し要素、article、section、header、footer、または他のaddressを含めないでください。連絡先セクションに見出しが必要な場合は、addressの直前に配置してください。MDNのaddress要素リファレンスでは、範囲と内容のルールについて説明しています。