Addressラベル

address
address要素は、ドキュメント作成者の名前、サイトリンク、電子メールボックス、実際のアドレス、電話番号など、ドキュメントに連絡情報を表示するために使用されます.addressは、電子メールや実際のアドレスのような「アドレス」概念を提示するために使用されるだけでなく、ドキュメント作成者に関連するさまざまな連絡先情報を含む必要があります.
以上の定義に基づいて、次のコードを使用して、ボランティアの名前とホームページのリンクを示すことができます.

The HTML5 Doctor is run by the following group of volunteers:

<address>
<a href="http://html5doctor.com/author/jacko">Jack Osborne</a>,
<a href="http://html5doctor.com/author/richc">Rich Clark</a>,
<a href="http://html5doctor.com/author/miker">Mike Robinson</a>,
</address>

次に、footerおよびtime要素を使用した別の例を示します.

<footer>
<div class="vcard"> by
<address class="author">
  <em class="fn"><a title="Posts by Jack Osborne" href="#">Jack Osborne</a></em>
</address> on
<time datetime="2009-11-04" class="published updated">November 4th, 2009</time>
</div>
</footer>

現在のドキュメント作成者の連絡先に関係のない連絡先情報をページに表示する必要がある場合は、hCardマイクロフォーマットを使用します.

<div class="vcard">
<p class="fn"><a class="url" href="#">Dr. Jack Osborne</a><p>
<p class="adr">
<span class="street-address">HTML5 Hospital</span>
<span class="region">Doctorville</span>
<span class="postal-code">Postal Code</span>
<span class="country-name">Great Britain</span>
</p>
<p class="tel">+44 (0)XXXX XXXXXX</p>
</div>

HTML 5学習ノート簡明版(3):新要素のhgroup,header,footer,address,nav