<address> 連絡先要素
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
<address> は HTML の要素で、この中の HTML が個人または複数の人、あるいは組織の連絡先情報を提供していることを示します。
試してみましょう
<p>このページの作者の連絡先:</p>
<address>
<a href="mailto:jim@example.com">jim@example.com</a><br />
<a href="tel:+14155550132">+1 (415) 555‑0132</a>
</address>
a[href^="mailto"]::before {
content: "📧 ";
}
a[href^="tel"]::before {
content: "📞 ";
}
属性
この要素にはグローバル属性のみがあります。
使用上の注意
<address> 要素の内容で提供される連絡先情報は、その文脈に適した形式であればどのような形式でもかまいません。住所、URL、メールアドレス、電話番号、ソーシャルメディアのアカウント名、地理座標など、必要な種類の連絡先情報を含めることができます。<address> 要素には、連絡先情報の対象となる個人や人々、または組織の名前を含めるべきです。ただし、この要素には、公開日（<time> 要素に含める情報）のような、連絡先情報以外の情報を含めるべきではありません。
<address> は、ページヘッダーにビジネスの連絡先情報を記載する場合や、<article> 内に <address> 要素を含めて記事の著者を示す場合など、さまざまな文脈で使用できます。<address> 要素は、最も近い祖先の <article> 要素または <body> 要素の連絡先情報を表す場合にのみ使用できます。一般的に、<address> 要素は、現在のセクションに <footer> 要素があれば、その中に配置できます。
例
この記事では、<address> 要素を使って記事の著者の連絡先情報を示します。
html
<address>
作者の連絡先は <a href="http://www.example.com/contact">www.example.com</a> です。<br />
バグを発見した場合は<a href="mailto:webmaster@example.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 ロール |
group
|
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス |
HTMLElement。 Gecko 2.0 (Firefox 4) より前では HTMLSpanElement インターフェイスが提供されます。
|
仕様書
| 仕様書 |
|---|
| HTML # the-address-element |