HTML abbr: Main Tips
<abbr>element marks a combination of characters as an abbreviation or an acronym.
- With title attribute in the opening HTML
<abbr>tag, you provide full-text explanation for the specified abbreviation (or acronym).
- This element is a modern version of the deprecated <acronym>.
Use of abbr
<abbr> marks abbreviations or acronyms and sets a full-text explanation for them.
<p><abbr title="Hypertext Markup Language">HTML</abbr> is a presentation language.</p>
The explanation in the
title attribute is not visible immediately. Users have to hover over the sequence of characters to trigger the comment.
Theory is great, but we recommend digging deeper!
Defining HTML Abbreviations
When the abbreviation (or acronym) is little-known, simply deciphering it might not be enough: you might need to provide some extra explanation. To do that, nest your
<abbr> tags inside a <dfn> element:
<p><dfn id="evm"><abbr title="Ethereum Virtual Machine">EVM</abbr> </dfn> is a blockchain-based software platform. </p>
Let's analyze the example above bit by bit:
<abbr>tags note that EVM is an HTML abbreviation.
<dfn>tags show that EVM is a term being defined.
titleattribute defines the full term EVM represents.