1. html
  2. /tags
  3. /address

<address>

Definition

The address element in HTML represents the contact information for its nearest article or body ancestor. It typically contains the name of the person or organization, their street address, city, state, and zip code, and their phone number and email address. The address element is typically displayed in italicized text and is intended to be used for providing contact information for its surrounding content.

Examples

<!DOCTYPE html>
<html>
    <body>
        <h1>My Website</h1>
        <address>
            Written by: John Doe<br>
            Contact information: <a href="mailto:[email protected]">[email protected]</a>
        </address>
    </body>
</html>

Attributes

This element makes use of the global attributes.

Best Practices

  • The <address> element should only be used to provide contact information for the author or owner of the page or article.
  • The <address> element should not be used to provide the contact information of other people or organizations.
  • The contact information provided in the <address> element should be written in a standard format, such as a postal address or email address.
  • The <address> element should not contain other HTML elements, such as headings or lists.
  • The <address> element should not be used to stylize text. If you want to style the text within the <address> element, use CSS styles instead.
  • The <address> element should not be used to create links. Use the <a> element to create links within the <address> element.

Accessibility Considerations

This element is used to denote the contact information for the author or owner of the current document or article, and should be placed at the end of the document or article.

To improve accessibility, it is recommended to use the "aria-label" attribute to provide a descriptive label for the address element. This can help screen readers understand the purpose of the element and provide the information to the user in a more accessible manner. Additionally, using semantic HTML tags within the address element, such as the "p" tag for paragraphs and the "a" tag for links, can also improve accessibility and assistive technology support.

Browser Compatibility

ChromeFirefoxSafariInternet ExplorerMicrosoft EdgeOpera
YesYesYesYesYesYes