code Common Examples
<abbr title="HyperText Markup Language">HTML</abbr>
<abbr title="Cascading Style Sheets">CSS</abbr>
<abbr title="National Aeronautics and Space Administration">NASA</abbr>
<abbr title="Laughing Out Loud">LOL</abbr>
visibility Browser Display Differences
- internet_explorer Internet Explorer: No special styling
- public Firefox, Opera: Dotted underline
- chrome_reader_mode Some browsers: Dotted underline + small caps
assignment Exercise: Abbreviations for Chatting
Create unordered lists of common chat abbreviations and example sentences using them.
AFK
BRB
BTW
IDK
LOL
OMG
TTYL
format_quote Practical Usage
Example in context:
We use HTML to structure our web documents.
You can use CSS to style your HTML.
NASA sure does some exciting work.
Ashok's joke made me LOL big time.
You can use CSS to style your HTML.
NASA sure does some exciting work.
Ashok's joke made me LOL big time.
Hover over any abbreviation to see its full description as a tooltip.
lightbulb Best Practices
- check_circle Use for first occurrence of abbreviations
- check_circle Keep title attribute concise and accurate
- check_circle Improves accessibility and SEO
- check_circle Helps with translation and screen readers
