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.
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid certificates of completion
- Great user experience
- Offers quality content
- Very transparent with their pricing
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
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.