HTML〈address〉Tag - Setting Address Information for a Webpage

html
Published on October 13, 2019

Use-Cases of this Tutorial

  • Know how to include address information for HTML pages in a machine-readable way.
  • Know about the HTML <address> element.

The HTML <address> element represents address information for the webpage. It can be read by machines and scripts for understanding that the included content is an address of some sort.

The <address> tag is the semantic way of including address in a webpage. The address can indicate anything that is suitable for the given situation — it may be a physical address, URL, email, phone number, social media handles etc.

<address>House #A23, SLH Layout, Bangalore 560105</address>
<address>Contact us at user@usefulangle.com</address>
<address>
    <a href="https://facebook.com/usefulangle">UsefulAngle on Facebook</a>
    <a href="https://twitter.com/usefulangle">UsefulAngle on Twitter</a>
</address>

The content within the <address> tag can be read by machines, scripts, web-crawlers and bots for their machine learning purposes.

For example the website of a certain company X can include its address within a <address> tag. This may help the web-crawler of a search engine to know that this is the address of company X. Next time when a user searches for the address of company X, the search engine may directly show this result to the user.

Other Notes

  • The page <header> and <footer> section are good places to insert an <address> element.
  • An <address> element inside an <article> represents the contact information for the author of the article.
In this Tutorial