このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

address”要素:文書や記事の連絡先情報

記事May 17th,2015
July 7th,2020
文書や記事の連絡先情報を表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

address”要素は直近の親要素にあたるbody”要素article”要素に対する連絡先情報を示すための要素です。記事や文書の作者の住所、電話番号、メールアドレス、ウェブサイトへのリンクやお問い合わせ用メール送信フォームへのリンクなどを示すのに使用できます。

更新日時など連絡先とは関係ない情報を含むことはできません。また、あくまで文書や記事に対する連絡先を示すための要素であるので文書や記事と無関係の住所、電話番号などの連絡先を内容に含むのも適切ではありません。

footer”要素内に配置する場合が多いですがそうしなければならないわけではありません。

サンプルコード

文書の連絡先情報

<footer>
<address>
<p>このウェブサイトに関するお問い合わせ先</p>
<a href="mailto:emailaddress@example.com">メール</a>
</address>
<p><small>&copy; copyright 2015 Frouts wo taberu</small></p>
</footer>

このウェブサイトに関するお問い合わせ先

メール

© copyright 2015 Frouts wo taberu

記事の連絡先情報

<article>
<h1>バナナの栄養素</h1>
<p>
ビタミンB群や、ビタミンCなどのビタミン、カリウム、マグネシウム、カルシウムなどのミネラル、食物繊維などがバランスよく含まれる。また1本(約100g)約86kcalと、ごはんやパンと比べて低カロリーである。
</p>
<footer>
<address>
<p>詳細につきましてはこちらにご連絡ください</p>
<a href="mailto:emailaddress@example.com">甘蕉太郎</a>
</address>
</footer>
</article>

バナナの栄養素

ビタミンB群や、ビタミンCなどのビタミン、カリウム、マグネシウム、カルシウムなどのミネラル、食物繊維などがバランスよく含まれる。また1本(約100g)約86kcalと、ごはんやパンと比べて低カロリーである。

詳細につきましてはこちらにご連絡ください

甘蕉太郎

article”要素が入れ子になっている場合、“address”要素の適用範囲は直近の親となるarticle”要素のみです。外側のarticle”要素に配置されている“address”要素は内側のarticle”要素には適用されません。

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

仕様書

address”要素はHTML2.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<address>
定義あり

定義あり

定義あり

定義あり

定義あり
DOMインターフェース

address”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

address {
display: block;
font-style: italic;
unicode-bidi: isolate;
}

/* 文書の文字エンコーディングが ISO-8859-8 である場合 */
address {
unicode-bidi: bidi-override;
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク