<address> : Address element

by

Introduction


The ‘<address>‘ element in HTML is used for presenting contact information on a webpage. It includes details like names, addresses, and phone numbers. Typically placed in a footer, it helps structure and style contact details for authors, businesses, or organizations.

Here is an example :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Address Information</title>
</head>
<body>
  <h1>Address Details</h1>
  <address>
    <p>Zillionsoftech</p>
    <p>B1,B2 Basement, Palika Complex</p>
    <p>Near Bus Stand, Rewari</p>
    <p>Haryana</p>
  </address>
</body>
</html>

Output :

In this example, the ‘<address>‘ element contains various paragraphs with contact information. The browser may render this information in a way that indicates it’s contact information, such as italicizing the text.

We can uses the <address> tag in :

  1. Contact Information: The primary purpose of the ‘<address>‘ element is to display contact details. This can include names, physical addresses, phone numbers, email addresses, or any other relevant contact information.
  2. Author Information: When used within an article or blog post, the ‘<address>‘element can be employed to display information about the author.
  3. Footer Information: It’s common to include contact information in the footer of a webpage, and the ‘<address>‘ element can be useful for structuring and styling this information consistently.
  4. Business Information: In the context of a business website, the ‘<address>‘ element can be used to present details such as the company’s name, address, and contact information.

And many other place in which we can define address of place, person, company etc. we can use ‘<address>’ tag.

Additionally, styling and presentation of the content within the ‘<address>‘ element can be customized using CSS to suit the design requirements of a website.

Leave a Comment