HTML Tags
HTML <address> Tag
The <address> tag supplies contact information for the nearest article or document, such as an author's email, physical address, or social links. Browsers usually render it in italics.
The <address> Tag
The <address> element represents contact information for the author or owner of the nearest <article> or of the whole document. It is a semantic element, so it tells browsers and search engines that its content is contact details, not just styled text.
By default it renders as a block element in italic text. It should not be used for arbitrary postal addresses unrelated to contact info, such as a mailing address inside body copy.
Syntax
<address>
Contact details go here
</address>Example
<!DOCTYPE html>
<html>
<body>
<address>
Written by Jane Developer.<br />
Email: <a href="mailto:jane@example.com">jane@example.com</a><br />
Visit us at: <a href="https://example.com">example.com</a>
</address>
</body>
</html>More Examples
<!DOCTYPE html>
<html>
<body>
<article>
<h2>My Blog Post</h2>
<p>Great content here.</p>
<address>
Author: Sam Writer, <a href="mailto:sam@example.com">sam@example.com</a>
</address>
</article>
</body>
</html>Use <address> only for contact information, not for any random postal address. For a mailing address that is content (like a museum location in a paragraph), use plain text or a <p>.
Key Takeaways
- <address> holds author or owner contact information.
- It is semantic, not just presentational.
- Browsers render it as a block in italics.
- Scope it to an article or the whole document.
- Do not use it for unrelated postal addresses in body text.
