Widely availableUse it for author, owner, or contact details tied to a document or section.

Overview

The <address> element represents contact information for the nearest article or the document body. It is intended for authorship or ownership details, not generic postal formatting everywhere on a page.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
1
12
1
1
18
1
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

HTML
<address>
  <p>Author: Taro Yamada</p>
  <p>Email: <a href="mailto:taro@example.com">taro@example.com</a></p>
  <p>1-2-3 Shibuya, Tokyo</p>
</address>

Live demo

Company. contact

Address element in Companyinfo structureization.style in card style to display.

PreviewFullscreen

personalprofile

or personal. contact display.icon style. Text design.

PreviewFullscreen

footerinside. contact

pe-jfooter to placementconpakt contactdisplay.

PreviewFullscreen

Use cases

  • Author contact blocks

    Attach bylines, email addresses, and related contact details to articles or profiles.

  • Site or company contact

    Represent ownership or support contact information in a footer or legal context.

Cautions

  • address is not a general-purpose wrapper for every street address or layout block.
  • Styling may often remove the default italic look, but the semantic meaning should remain contact-related.

Accessibility

  • Keep linked contact methods explicit so users know whether a link opens email, a profile, or another contact channel.

Powered by web-features