Home » HTML address Tag Explained: Usage, Examples & Best Practices

HTML address Tag Explained: Usage, Examples & Best Practices

Introduction

When building a website, it’s important not only to display content but also to provide contact information in a clear and structured way. This could include an email address, phone number, or physical location.

Modern HTML provides semantic elements to help organize this kind of information. One such element is the <address> tag.

Learn basics: /html-basics

The HTML address tag is specifically designed to represent contact information related to a webpage or article.

Think of <address> like a contact card at the end of a page—it tells users how to reach the author or organization.

What is address Tag?

The <address> tag is a semantic HTML element used to define contact information for a webpage, article, or author, such as email, phone number, or physical address.

The <address> element is used for:

  • Author contact details
  • Website contact information
  • Business addresses
  • Email and phone links

 Learn semantic HTML: /semantic-html-guide

What is the <address> tag in HTML?

The <address> tag is used to display contact information such as email, phone number, or location.

Basic Syntax of address

Here is a simple address tag example:

<address>
  Email: example@email.com<br>
  Phone: +1234567890
</address>

Explanation (Line by Line)

  • <address> → Defines contact information block
  • Email / Phone → Contact details
  • <br> → Line break for readability
  • </address> → Ends the block

Browsers usually display <address> in italic style by default.

Where to Use address Tag

The <address> tag is used to display contact information for a webpage, article author, or organization.

The <address> tag is typically used in specific places.

1. Website Footer

<footer>
  <address>
    Contact us at info@example.com
  </address>
</footer>

2. Inside Articles (Author Info)

 
<article>
  <h2>HTML Guide</h2>
  <p>Content goes here...</p>

  <address>
    Written by John Doe<br>
    Email: john@example.com
  </address>
</article>

3. Business Contact Information

<address>
  ABC Company<br>
  123 Main Street<br>
  City, Country
</address>

4. Clickable Email & Phone

<address>
  Email: <a href="mailto:info@example.com">info@example.com</a><br>
  Phone: <a href="tel:+1234567890">+1234567890</a>
</address>

Real-World Examples

Let’s explore practical usage of the HTML address tag.

Example 1: Blog Author Info

<article>
  <h2>Learn HTML</h2>
  <p>This article explains HTML basics.</p>

  <footer>
    <address>
      By Arvinder Kaur<br>
      Email: arvinder@example.com
    </address>
  </footer>
</article>

Why this works:

  • Clearly shows author info
  • Improves credibility
  • SEO-friendly

Example 2: Company Footer

<footer>
  <address>
    XYZ Pvt Ltd<br>
    Punjab, India<br>
    Email: contact@xyz.com
  </address>
</footer>

Explanation:

  • Structured business info
  • Easy for users to contact

address vs div

Learn more: /html-tags-guide

Feature<address><div>
MeaningSemanticNon-semantic
PurposeContact infoLayout
SEOBetterNeutral
AccessibilityHighLow

Simple Explanation:

  • <address> → Contact information
  • <div> → Generic container

Best Practices

Follow these tips for effective usage:

1. Use Only for Contact Info

Don’t use <address> for general text.

2. Include Relevant Details

Such as:

  • Name
  • Email
  • Phone
  • Location

3. Use Clickable Links

Improve usability with:

  • mailto:
  • tel:

4. Place in Logical Location

Common places:

  • Footer
  • Article end

5. Keep It Clean

Avoid unnecessary content.

Common Mistakes

Using for Physical Address Only

It can include email and other contact info too.

Using for Styling

Use CSS for styling, not <address>.

Adding Unrelated Content

Keep it strictly for contact details.

SEO Benefits of address

Using the address tag in HTML improves SEO indirectly.

1. Better Content Structure

Search engines understand contact sections.

2. Improved Trust Signals

Contact info increases credibility.

3. Local SEO Boost

Helpful for business websites.

4. Accessibility Enhancement

Screen readers identify contact info easily.

FAQs Section

1. What is the address tag in HTML?

The <address> tag defines contact information for a webpage or author.

2. Can I use <address> for phone numbers?

Yes, it can include phone numbers, emails, and locations.

3. Where should <address> be placed?

Usually in the footer or at the end of an article.

4. Is <address> important for SEO?

Yes, it improves structure and trust signals.

5. Can <address> contain links?

Yes, you can include clickable email and phone links.

Scroll to Top