W3docs

HTML <address> Tag

HTML <address> tag is used to provide contact information about the owner of site or the author of the article.

The <address> tag is used to provide contact information about the owner of a site or the author of the article. It can contain email, phone, address, link to the site, and so on.

Syntax

The <address> tag comes in pairs. The content is written between the opening (<address>) and closing (</address>) tags.

Most browsers add a line break before the element and after it, and the information in the tag is displayed in italic.

If the <address> tag is placed inside the <body> element, the contact information it contains refers to the entire document as a whole. To specify the contact information of the author of the article, you must place the <address> tag inside the <article> element.

Example of the HTML <address> tag:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <address>
      Author: W3docs team<br />
      <a href="mailto:[email protected]">Contact Author</a>
    </address>
  </body>
</html>

Result

address example

Danger

Do not use the <address> tag to provide an email address unless it is part of the author's information.

The <address> tag is included together with other information in the <footer> element.

<!DOCTYPE html>
<html>
  <head>
    <style>
      .header{
        height: 40px;
        padding: 20px 20px 0;
        background: #e1e1e1;
      }
      .main-content{
        height: 60vh;
        padding: 20px;
      }
      footer{
        padding: 10px 20px;
        background: #666666;
        color: white;
      }
      a{
        color: #00aaff;
      }
    </style>
  </head>
  <body>
    <div class="header">Header / Menu</div>
    <div class="main-content">
      <h1>Main content</h1>
      <p>This is some paragraph. </p>
    </div>
    <footer style="display:flex; justify-content:space-between; align-items:flex-end;">
      <p style="margin:0;">Company © W3docs. All rights reserved.</p>
      <address>
        3rd street, app 43<br />
        New York, USA        
      </address>
    </footer>
  </body>
</html>

Attributes

The <address> tag supports the Global Attributes and the Event Attributes.

Practice

Practice

What is the purpose of the HTML <address> tag?