Français

<address>

Display contact information, not in a <p>, not in a <div>

— 1 min read

  • HTML
  • accessibility
  • semantics
  • structure

<address> — Contact information

The <address> element provides contact information for the author or owner of the document (or the nearest <article>). It is not for arbitrary postal addresses: it is specifically for contact details.

When to use it

You want to indicate how to reach the author of an article or the owner of a site: email, profile link, headquarters address. Place it inside a <footer> to associate the contact details with the right context.

What you gain

Accessibility: screen readers identify the block as contact information, helping users quickly find how to reach the author.

Code example

<footer>
  <address>
    <p>Written by <a href="mailto:hello@example.com">Yoann</a></p>
    <p><a href="https://github.com/yoann">GitHub profile</a></p>
  </address>
</footer>

Further reading