HTML の <address> 要素は、これを含んでいる HTML が個人、団体、組織の連絡先を提供していることを示します。
このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。
<address> 要素の内容で提供される連絡先情報は、その文脈で適切であればどのような形でもよく、必要とされるあらゆる形の連絡先情報 (住所、 URL、メールアドレス、電話番号、ソーシャルメディアのアカウント、地理上の座標など) を含めることができます。 <address> には連絡先情報が参照する個人、団体、組織の名前を含めてください。
<address> は様々な文脈で使用することができ、ページヘッダーでビジネスの連絡先を提供したり、 <article> 要素の中で <address> を含めることで、記事の著者を識別したりすることができます。
| コンテンツカテゴリ | フローコンテンツ、知覚可能コンテンツ |
|---|---|
| 許可されている内容 | フローコンテンツ。ただし <address> 要素をネストしたり、見出しコンテンツ (<hgroup>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>), 区分コンテンツ (<article>, <aside>, <section>, <nav>), <header> 要素および <footer> 要素を入れたりしてはなりません。 |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | フローコンテンツ を受け入れるすべての要素。ただし <address> 要素は除く (論理的な対称性の原理によれば、親要素である <address> タグは <address> 要素を入れ子にすることができません。したがって、同じ <address> のコンテンツの親に <address> タグを置くこともできません)。 |
| 許可されている ARIA ロール | なし |
| DOM インターフェイス | HTMLElement。Gecko 2.0 (Firefox 4) より前では HTMLSpanElement インターフェイスが提供されます。 |
属性
この要素にはグローバル属性のみがあります。
使用上の注意
- 任意の住所、連絡先情報に関連しないものを表現するには、
<address>要素ではなく<p>要素を用いてください。 - この要素には、公開日 (
<time>によるもの) のような連絡先情報以外の情報を含めるべきではありません。 - 一般的に、
<address>要素は現在のセクションに<footer>要素があれば、その中に配置することができます。
例
この例は <address> 要素で記事の編集者の連絡先情報を示す使い方を示します。
<address>
You can contact author at <a href="http://www.somedomain.com/contact">
www.somedomain.com</a>.<br>
If you see any bugs, please <a href="mailto:webmaster@somedomain.com">
contact webmaster</a>.<br>
You may also want to visit us:<br>
Mozilla Foundation<br>
331 E Evelyn Ave<br>
Mountain View, CA 94041<br>
USA
</address>
結果
この要素は文字列を <i> 要素や <em> 要素と同じ既定のスタイルで描画しますが、付加的な意味情報として連絡先情報を扱うときに <address> を使用するのがより適切でしょう。
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| HTML Living Standard <address> の定義 |
現行の標準 | |
| HTML5 <address> の定義 |
勧告 | |
| HTML 4.01 Specification <address> の定義 |
勧告 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Android 版 Chrome | Edge Mobile | Android 版 Firefox | Android 版 Opera | iOS 版 Safari | Samsung Internet | |
| 基本対応 | Chrome 完全対応 あり | Edge 完全対応 あり | Firefox 完全対応 1 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 1 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Edge Mobile 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応