Learn HTML – Part 13 – abbr Tag – Marking Abbreviations

Understanding the <abbr> Tag in HTML

The <abbr> (abbreviation) tag is used to mark up abbreviations or acronyms, providing additional information via the title attribute. This helps with accessibility and improves user understanding.

Tag Syntax:

<abbr title="World Health Organization">WHO</abbr>

The title attribute should contain the full form of the abbreviation.

Common Uses:

  • Displaying acronyms and abbreviations with tooltips
  • Enhancing accessibility and screen reader support
  • Providing extra context for technical terms

Tip:

Always include the title attribute to show the full version of the abbreviation on hover or for screen readers.

Example:

<p>
<abbr title="HyperText Markup Language">HTML</abbr> is the standard markup language for documents designed to be displayed in a web browser.
</p>

Workbook:

Facebook
WhatsApp
Twitter
LinkedIn
Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

About Author
Willaim Wright

Voluptas feugiat illo occaecat egestas modi tempora facilis, quisquam ultrices.

Scroll to Top