liveBook · Manning

Abbr element

As explained in Web Design Playground, Second Edition

The HTML abbr element marks text as an abbreviation or acronym and can provide its expanded form through the title attribute.

Use the HTML <abbr> element to mark an abbreviation or acronym semantically. Add a title attribute when you want to provide its full form. section 16.1

A small expansion

Writing <abbr title="fear of missing out">FOMO</abbr> identifies the shortened term and supplies its expanded form. Browsers commonly show the title value in a tooltip when you hover, and some add a dotted underline. section 16.1

How Web Design Playground, Second Edition covers it

How deep it goes
Defines the element, title attribute, and common browser rendering without covering deeper accessibility or implementation details.
Examples
Uses FOMO with a title attribute to demonstrate an abbreviation and its expanded form.
What you can do after
Apply via HTML by marking shortened terms and supplying their expansions with title.
How it connects
Connects semantic HTML, inline elements, and the title attribute.
Cover of Web Design Playground, Second Edition
liveBookmanning.com
Read Web Design Playground, Second Edition on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.