SyntaxStudy
Sign Up
HTML Abbreviations and Addresses
HTML Beginner 5 min read

Abbreviations and Addresses

Abbreviations and Addresses

The <abbr> element defines an abbreviation or acronym. Adding a title attribute provides the full expansion, which appears as a tooltip on hover. This is especially helpful for accessibility — screen readers can announce the full form.

The address Element

The <address> element supplies contact information for the nearest <article> or <body> ancestor. It is rendered in italics by default. It can contain physical addresses, email addresses, phone numbers, or links to contact forms.

  • <abbr title="..."> — Abbreviation with tooltip
  • <address> — Contact details
Example
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Abbreviations &amp; Addresses</title>
</head>
<body>
  <p>
    <abbr title="HyperText Markup Language">HTML</abbr> is
    the standard language for web pages.
  </p>
  <p>
    The <abbr title="World Wide Web Consortium">W3C</abbr>
    maintains HTML standards.
  </p>

  <hr>

  <address>
    <strong>Acme Corp</strong><br>
    123 Web Street<br>
    Internet City, IC 00001<br>
    <a href="mailto:info@acme.example">info@acme.example</a>
  </address>
</body>
</html>
Pro Tip

Add title to every <abbr> the first time an acronym appears on a page — subsequent uses can omit it to avoid verbosity, but that first instance helps all readers.