`<abbr>` wraps a shortened form of a word or phrase, with the `title` attribute holding the full, expanded text. Browsers typically render it with a dotted underline and show the title as a tooltip on hover. Screen readers can announce the expansion too, which helps users unfamiliar with the abbreviation. It's good practice to spell out the term in full the first time it appears on a page, with the abbreviation in parentheses, and use <abbr> for subsequent mentions.

Here is a real-world application of <abbr> showing how it is used in production HTML.

Follow these guidelines when working with <abbr>:

1. Always include the title attribute with the full expansion

2. Spell out the term in full on first use, then use <abbr> for later mentions

3. Don't rely solely on the hover tooltip for touch/mobile accessibility — provide visible context too