<address>要素

<address>要素の定義

英語で「宛名」や「住所」を表す、”address”より。
この要素を含んだ HTML 文書が個人・団体の連絡先を提供している場合に使用されます。
基本的には「連絡先情報」を含む内容であれば、特にどんなテキストを記載するか制約はありませんが、ヘッダーやフッター部分で、文書の著者・著作権に関する情報を表示するのに使ったり、<article> 要素内で、その記事の著者に関する情報を表示するのに使ったりするのが一般的です。

ここでいう「連絡先情報」は、個人・団体名、住所、 URL、メールアドレス、電話番号、ソーシャルメディアのアカウント、地理上の座標などの情報です。
傾向としては、<address>要素を「文書の著者」の連絡先情報を表すためだけに使用されることが多いですが、最新の仕様では様々な宛先・連絡先情報に対して使用できることになっています。
一般的には、<footer> 要素の中に<address>要素を配置して、「そのセクションに関する連絡先情報」を表す、といった使われ方が多いようです。
<article>要素内には、記事や文書の公開日時など「連絡先情報」以外の情報を含むのは望ましくありません。

子要素として使用できるもの

フローコンテンツを使用できますが、以下のものは使用できません。

  • <address>要素
  • 見出しコンテンツ
    • <hgroup> 要素
    • <h1> 〜 <h6> の各要素
  • 区分コンテンツ
    • <article> 要素
    • <aside> 要素
    • <section> 要素
    • <nav> 要素
  • <header> 要素
  • <footer> 要素

親要素として使えるもの

<address>要素を除く、フローコンテンツ。<address>要素を入れ子にすることはできません。

許可されているARIAロール

なし

DOMインターフェース

HTMLElement

属性

グローバル属性のみが指定できます。

サンプル

See the Pen address by Masahiko Iwakiri (@m-iwakiri) on CodePen.


 
 

このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

コメント

タイトルとURLをコピーしました