←
慈愛結ノ宮縁側だより

サイト制作

HTMLのaddressは住所専用ではない 記事やサイトの連絡先を示す使い方

慈愛妃きづな

2026-11-07

この記事には広告・アフィリエイトリンクが含まれます。

手に持ったスマートフォン。連絡先を扱う端末の参考写真です。
手に持ったスマートフォン。連絡先を扱う端末の参考写真です。 写真:Dennis Cortés cortes/Wikimedia Commons(CC0)。掲載用の画像サイズ。 / Black smartphone in hand (Unsplash).jpg / Dennis Cortés cortes / CC0 · 画像出典 · CC0

郵便の住所なら何でもaddress、とは限りません。誰への連絡先なのかという文脈を確認して使う要素です。

住所の文字列より、連絡先という役割

addressという名前を見ると、郵便の住所を囲む要素だと思いやすいですね。HTMLでの役割は、文書や記事に関係する連絡先情報を示すことです。住所だけでなく、メールアドレスや電話番号、連絡用URLなども対象になります。

反対に、説明の途中に出てくる場所の住所が、すべてaddressに合うわけではありません。たとえば散歩コースの説明に登場する建物の所在地は、そのページの作者への連絡先とは別の情報です。

電話のダイヤル画面を操作する場面。address要素の実装画面ではありません。
電話のダイヤル画面を操作する場面。address要素の実装画面ではありません。 写真:Unknown authorUnknown author/Wikimedia Commons(CC0)。掲載用の画像サイズ。 / Hand-smartphone-technology-calling.jpg / Unknown authorUnknown author / CC0 · 画像出典 · CC0

誰に連絡する情報なのかを明らかに

addressは、直近のarticle要素、またはbody要素に対応する連絡先を表します。記事の著者への連絡先なら、その記事との関係がわかる場所へ置きます。サイト全体の問い合わせ先なら、ページ全体に関係する情報として整理できます。

名前を添えずにメールアドレスだけを置くと、何の窓口なのかが伝わりにくくなります。個人や団体、組織の名前も含め、連絡先が誰を指すかを明確にしましょう。

公開日や飾りは混ぜない

記事の公開日など、連絡先ではない情報までaddressの中へ入れる必要はありません。また、標準表示が斜体になることを期待して、装飾のためだけに使うのも避けたいところです。

表示位置はフッターがよく使われますが、位置だけで役割が決まるわけではありません。完成後は、誰への連絡先か、本文とどう関係するかが読み取れるかを確認してみてください。

読み物の一覧へ

慈愛妃きづなについて・記事の編集方針

あわせて読みたい関連記事

記事一覧へ