Address Tag in HTML Definition Uses & Example | GeeksCodes

Address Tag in HTML Definition, Uses & Example

Address Tag in HTML Definition Uses & Example | GeeksCodes

The <address> tag with examples, best practices, and FAQs for GeeksCodes.

What is <address> in HTML?

The <address> tag in HTML is used to define contact information for the author, owner, or publisher of a document or article. It usually contains details like:

• Name of the author/owner
• Email address
• Phone number
• Physical address
• Website link
• Social media links

Key Points

• <address> is a semantic HTML tag that helps search engines understand contact information.
• It should not be used for any arbitrary address in body text only for contact details of the content’s author or website owner.

Example Code

<address>
  Written by <a href="mailto:geekscodesnews@gmail.com">GeeksCodes</a><br>
  Visit us at: <a href="https://www.geekscodes.com">www.geekscodes.com</a><br>
  123 Tech Park, Bihar, India
</address>

Place the <address> element in the footer of an article or page where appropriate. Use mailto: and tel: links to improve usability on mobile devices.

100 HTML Tags

FAQs — <address> Tag (GeeksCodes)

Q1 — What is the <address> tag used for?

The <address> tag defines the contact information for the author, owner, or organization responsible for the page or article. It helps browsers and AI/search engines recognize contact details.

Q2 — Where should I place <address> in my HTML?

Place <address> inside the <footer> of an article or page, or near author metadata. It should contain contact info related to the page’s author or site owner — not arbitrary location text.

Q3 — Can I put any address inside <address> (e.g., a business branch)?

Preferably no. Use <address> for author/owner contact info. For general addresses or location content in body text, use plain text or other semantic markup (e.g., <p> or structured data with PostalAddress).

Q4 — What should I include inside <address>?

Typical content: author name, mailto: email link, phone number, website link, physical address, and social links. Example order: name → email → website → phone → location.

Q5 — Does <address> affect SEO?

Yes—indirectly. Because <address> is semantic, search engines can more easily find and surface contact details. When combined with structured data (JSON-LD Organization or Person), it improves how AI and search engines display contact info.

Q6 — Should I style <address> with CSS?

Yes. Browsers commonly render <address> in italic by default. Use CSS to match your site design (font-style, spacing). Keep it readable and accessible (sufficient contrast, clear links).

Q7 — Are mailto: and phone tel: links OK inside <address>?

Absolutely. Use <a href="mailto:..."> and <a href="tel:...">. They improve usability on mobile and let search engines detect contact channels.

Q8 — How does <address> work with structured data?

Use JSON-LD (Organization or Person) to annotate contact details for richer search results. <address> provides visible info; structured data makes it machine-readable to search engines and AI.

Q9 — Can <address> contain other elements like <a>, <span>, or microformats?

Yes. You can include inline elements like <a>, <span>, and rel attributes. Microformats or ARIA attributes can further improve machine-readability and accessibility.

Q10 — Common mistakes to avoid with <address>

Don’t use <address> for random postal addresses or decorative text. Avoid stuffing keywords in contact info. Don’t put unrelated content (ads, long narratives) inside <address>.