<address>タグの解説
<address>
は、その文字列が連絡先や問い合わせ先の情報である事を表すために使用します。例えば、ウェブサイト運営者の住所やメールアドレスが記載されている範囲に適用します。この場合、<address>
から</address>
で囲んだ部分が、連絡先の情報であることを明示します。
<article>
の中に<address>
を配置した場合、その情報は直近の祖先となる<article>
に書かれた文書の著者への連絡先であることを表します。
<address>タグの特徴
- レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
- 視覚的な効果として斜体文字(イタリック体)が適応されます。変更したい場合はスタイルシートで調整して下さい。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<address>要素に指定できる属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<address>要素の使い方とサンプルコード
この要素の最も基本的な書き方は以下の通りです。特別な属性や機能は用意されていません。何らかの情報を連絡先として扱いたい場合に範囲を指定します。例えば、メールアドレスやウェブサイトのURLを掲載する箇所に適用できます。
<div>ご意見ご感想は下記までお送り下さい。</div>
<address>
Mail: info@example.com<br>
URL: https://example.com<br>
</address>
<address>
の中に含める内容は、文脈上適切であれば何でも良いとされています。以下のように構造化した内容でも問題ありません。
<address>
<p>ご意見ご感想は下記までお送り下さい。</p>
<ul>
<li>
<a href="mailto:info@example.com">メール</a>
</li>
<li>
<a href="https://example.com">ホームページ</a>
</li>
</ul>
</address>