<address>: 連絡先要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

試してみましょう

<address> 要素の内容で提供される連絡先情報は、その文脈で適切であればどのような形でもよく、必要とされるあらゆる形の連絡先情報(住所、 URL、メールアドレス、電話番号、ソーシャルメディアのアカウント、地理上の座標など)を含めることができます。<address> には、連絡先情報が参照する個人、団体、組織の名前を含めてください。

<address> は様々な文脈で使用することができます。ページヘッダーでビジネスの連絡先を提供したり、<address><article> 要素に入れることで、記事の著者を識別したりすることができます。

属性

この要素にはグローバル属性のみがあります。

使用上の注意

  • <address> 要素、直近の <article> または <body> 要素の連絡先情報を表すためにのみ使用できます。
  • この要素には、公開日(<time> によるもの)のような連絡先情報以外の情報を含めるべきではありません。
  • 一般的に、 <address> 要素は現在のセクションに <footer> 要素があれば、その中に配置することができます。

この例は <address> 要素で記事の編集者の連絡先情報を示す使い方を示しています。

html
<address>
  作者の連絡先は
  <a href="http://www.somedomain.com/contact"> www.somedomain.com</a>
  です。<br />
  バグを発見した場合は<a href="mailto:webmaster@somedomain.com"
    >ウェブマスターへご連絡ください</a
  ><br />
  住所は下記の通りです。<br />
  Mozilla Foundation<br />
  331 E Evelyn Ave<br />
  Mountain View, CA 94041<br />
  USA
</address>

結果

この要素は文字列を <i> 要素や <em> 要素と同じ既定のスタイルで描画しますが、付加的な意味情報として連絡先情報を扱うときに <address> を使用するのがより適切でしょう。

技術的概要

コンテンツカテゴリー フローコンテンツ、知覚可能コンテンツ
許可されている内容 フローコンテンツ。ただし <address> 要素をネストしたり、見出しコンテンツ (<hgroup>, h1, h2, h3, h4, h5, h6), 区分コンテンツ (<article>, <aside>, <section>, <nav>), <header> 要素および <footer> 要素を入れたりしてはなりません。
タグの省略 なし。開始タグと終了タグの両方が必須です。
許可されている親要素 フローコンテンツ を受け入れるすべての要素。ただし <address> 要素は除く (論理的な対称性の原理によれば、親要素である <address> タグは <address> 要素を入れ子にすることができません。したがって、同じ <address> のコンテンツの親に <address> タグを置くこともできません)。
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール すべて
DOM インターフェイス HTMLElement。 Gecko 2.0 (Firefox 4) より前では HTMLSpanElement インターフェイスが提供されます。

仕様書

Specification
HTML
# the-address-element

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
address

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報